vue实现

使用到了vue的v-html，和css的white-space: pre;
代码

<template><div><div class='two'>{{message}}</div></div>
</template><script>export default {data(){return {message:'啊啊啊啊啊啊啊啊啊啊啊啊\n\t啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊\n\t啊啊啊啊啊啊啊啊啊啊啊啊'}},}
</script>
<style>
.two{white-space: pre;
}
</style>

html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.message{white-space: pre;}</style>
</head>
<body><div class="message"></div><script>let message = '啊啊啊啊啊啊啊啊啊啊啊啊啊啊\n\t啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊\n\t啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊'let div = document.querySelector('.message')div.innerHTML = message;</script>
</body>
</html>

有其他方法，欢迎提供，谢谢。

html处理\n\t字符相关推荐

创建数据库，指定数据库的字符集和编码顺序
创建数据库,指定它的字符集和编码顺序 create database {数据库名称} CHARACTER SET {字符集} COLLATE {排序规则} 举例: create database co ...
力扣1002.查找常用字符
力扣 1002. 查找常用字符本人力扣练习已上传至码云,可互相学习借鉴. 难度-简单题目: 给定仅有小写字母组成的字符串数组 A,返回列表中的每个字符串中都显示的全部字符(包括重复字符)组成的列表 ...
字符常量和仅包含一个字符的字符串之间的区别
'x'与"x"是不同的,前者是一个整数,其值是字母x在机器字符集中对应的数值(内部表示值),后者是一个包含一个字符(即字母x)以及一个结束符'\0'的字符数组.
c语言中字符串数组的地址存放以及%s输出单个字符导致程序崩溃的问题
代码总结下c语言中字符串数组的地址存放问题 #include <iostream> using namespace std; #include<bits/stdc++.h>i ...
pandas dataframe 字符映射为数字
在机器学习中对于有序的类别型变量可以不采用onehot编码,直接使用有序数字代替即可,这个目的可以在pandas中使用map方法实现. import pandas as pd 创建数据框 raw_da ...
正则的实例用法,删除包含某些字符的字符串
a=re.findall('[a-z]system[a-z]', ': Control_7_ CodeSystem: GroupCodeSystem: IdSystem:'.lower()) re.s ...
对字符数组输入输出数组名是否加取地址符的一些理解
字符数组名的两个含义: 定义了字符型数组char name[10].name有两个含义: 一个是代表着name这个数组第一个位置的地址,也就是name[0]的地址.可以说name就等价于&na ...
LeetCode简单题之删除字符使字符串变好
题目一个字符串如果没有三个连续相同字符,那么它就是一个好字符串 . 给你一个字符串 s ,请你从 s 删除最少的字符,使它变成一个好字符串 . 请你返回删除后的字符串.题目数据保证答案总 ...
LeetCode简单题之数组中的字符串匹配
题目给你一个字符串数组 words ,数组中的每个字符串都可以看作是一个单词.请你按任意顺序返回 words 中是其他单词的子字符串的所有单词. 如果你可以删除 words[j] 最左侧和/或最 ...
LeetCode简单题之字符的最短距离
题目给你一个字符串 s 和一个字符 c ,且 c 是 s 中出现过的字符. 返回一个整数数组 answer ,其中 answer.length == s.length 且 answer[i] 是 s ...

html处理\n\t字符

vue实现

html

html处理\n\t字符相关推荐

最新文章

热门文章