1.在vue标签内不识别'\n'换行

正常情况下你希望是这样的:

1.文字文字文字文字文字文字文字文字文字;

2.文字文字文字文字文字文字文字文字文字;

3.文字文字文字文字文字文字文字文字文字;

实际上是这样的:

1.文字文字文字文字文字文字文字文字文字;2.文字文字文字文字文字文字文字文字文字;3.文字文字文字文字文字文字文字文字文字;

加了换行\n但是不起作用

解决办法:

1.给相关的div加上样式:white-space:pre-line.一行样式就解决,

white-space 属性设置如何处理元素内的空白。

https://www.w3school.com.cn/cssref/pr_text_white-space.asp  


2.添加pre标签 <pre><p v-html="content"></p></pre>

3.正则匹配,

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

推荐阅读更多精彩内容