突然发现项目里在用查找转意字符和拆分来把后端返回的内容换行显示
代码如下
ineFeed(errorMessage) {
if (errorMessage && errorMessage.indexOf('\n') != -1) {
//有折行
this.errorLine = true
this.errorList = errorMessage.split('\n')
} else {
//没有折行
this.errorLine = false
}
},
不知道这样的方式会不会更好一点
//标签获取到的文本数据 会以原样输出,结合需求使用!跟产品确认好这里输入的内容的格式是什么样的
<pre>{{ item.errorMessage }}</pre>
<style>
pre{
font-family: auto; //加上以免字体有问题
white-space:pre-wrap;
}
</style>
//使用场景 报错信息展示
//输入框类型为 type="textarea"时
< pre > 标签可定义预格式化的文本。
被包围在 < pre > 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体 ,使用 < pre > 后发现文字不自动换行,需要使用css修改
pre{
white-space:pre-wrap;
}