文本内容有 \n ,怎么换行？
1. v-html渲染
使用正则将 \n 替换成 <br />标签，再用v-html渲染
this.content = value.replace(/\n/g,'<br>')
<div v-html="this.content"></div>
2.使用css的white-space
<div style="white-space: pre-wrap;">{{text}}</div>
html 识别文本中的\n 进行换行
转载请注明出处或者链接地址：https://www.qianduange.cn//article/9811.html
相关文章
-
安装nvm（node版本管理器）以及nvm常用命令
-
npm install：深入理解与应用
-
npm install -g xx时报错：Error: EPERM: operation not permitted, rename
-
【npm】Nexus3上传npm依赖tgz
-
搭建Vue项目详解（npm、yarn、cnpm）
-
npm报错问题 ERR code EPERM...
-
如何使用npm run lint
-
30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，开发者必备的顶级前端开发工具
-
【ES6】模块化语法(默认、按需导入import导出export的操作)
-
Js 和 Jq 添加类、删除类 和 切换类
发布的文章
Fastjson 1.2.24 反序列化漏洞研究
2024-06-03 12:06:08
Jsonpath - 数据中快速查找和提取的强大工具
2024-06-03 12:06:05
@JsonAlias和@JsonProperty的使用和区别
2024-06-03 12:06:04
将 JSON 字符串转换为 Map 集合的方法
2024-06-03 12:06:04
PLC通过智能网关采用HTTP协议JSON文件对接MES等服务系统平台
2024-06-03 12:06:59
【PHP】 json_encode 函数各个参数的解释
2024-06-03 12:06:59
labelme、labelimg的安装及使用（含格式转换：json转png）
2024-06-03 12:06:49
（17-3-04）检索增强生成（RAG）：JSON文本分割器 语义相似性分割器
2024-06-03 12:06:49
安装nvm（node版本管理器）以及nvm常用命令
2024-06-03 12:06:48
npm install：深入理解与应用
2024-06-03 12:06:48
大家推荐的文章