1.在vue标签内不识别'\n'换行
发布网友
发布时间:2022-12-06 08:11
我来回答
共1个回答
热心网友
时间:2023-08-18 05:54
正常情况下你希望是这样的:
1.文字文字文字文字文字文字文字文字文字;
2.文字文字文字文字文字文字文字文字文字;
3.文字文字文字文字文字文字文字文字文字;
实际上是这样的:
1.文字文字文字文字文字文字文字文字文字;2.文字文字文字文字文字文字文字文字文字;3.文字文字文字文字文字文字文字文字文字;
加了换行\n但是不起作用
解决办法:
1.给相关的div加上样式:white-space:pre-line.一行样式就解决,
white-space 属性设置如何处理元素内的空白。
2.添加pre标签 <pre><p v-html="content"></p></pre>
3.正则匹配,