后台返回的文本字符串在选台渲染的时候如何自动换行

很多时候我们的页面是都是由后台渲染的,但是后台返回给我们的字符串在前台和自动的换行呢?

项目中用到这个,一开始的想法是利用js的去分割他的字符串,然后分别渲染,但是这样做无疑是不行的,在vue中我们可以利用v-html以及js的replace去实现这个效果

在接受到后台返回给我们的我文本字符串的时候,利用js的replace将他的换行替换为标签<br>,如下:

this.introduction = this.introduction.replace("/\\n/, '')

this.theme = res.data.details.theme

然后只template的标签中利用v-html将他渲染上去

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容