化妆品网站设计论文,网页设计作品文章,c mvc 网站开发进阶之路,哪里可以免费建网站最近开发vue2 项目 #xff0c;接口返回的是类似于这样的数据#xff1a;我是第一行的哦\n我是第二行的哦
我是直接这样渲染的#xff0c;
//html
p v-htmltext/p//渲染值
this.text 我是第一行的哦\n我是第二行的哦但结果却是不如意#x…最近开发vue2 项目 接口返回的是类似于这样的数据我是第一行的哦\n我是第二行的哦
我是直接这样渲染的
//html
p v-htmltext/p//渲染值
this.text 我是第一行的哦\n我是第二行的哦但结果却是不如意变成了下面这样 解决方法
1.在使用 v-html 时添加样式white-space:pre-wrap ,让浏览器保留空白和换行符。
p v-htmltext stylewhite-space:pre-wrap/p2、用 pre 标签包裹 被包围在 pre 标签中的文本通常会保留空格和换行符。
prep v-htmltext/p/pre3、正则替换 用正则表达式把 \n 替换成 这样 v-html 就可以识别
p v-htmltext.replace(/\n/g,br/)/p我是用第二种方法解决的。
总结以防下次遇到参考文章https://www.jianshu.com/p/3719cd89c0bd