后端返回的数据中带换行符，前端渲染时处理-vue

最新推荐文章于 2024-07-12 10:14:29 发布

瘦瘦瘦瘦不了

最新推荐文章于 2024-07-12 10:14:29 发布

阅读量1k

点赞数

分类专栏： JavaScript 代码集合文章标签： vue.js 前端

本文链接：https://blog.csdn.net/dreamy_wx/article/details/122301649

版权

JavaScript 同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

代码集合

22 篇文章 1 订阅

订阅专栏

<span v-html="text"></span>

data() {
    return {
        text: '',
    }
},
mounted() {
	let str = 'PHONE00644[2021123109442733041111]订单已锁定，不能生效！；\nPHONE00645[202112310945032522217]订单已锁定，不能生效！；\nPHONE0063[2021123109451054533337]订单已锁定，不能生效！；\n'
	str = str.replace(/\n/g, "<br/>")
	//或 str = str.split('\n').join('<br/>')
	this.text = str
}