在后端给前端返回的文本类型中,经常会看到“↵”这样的符号,怎么通过前端将其展示出来呢
1.textarea赋值
直接把后端返回文本类型通过v-model绑定给textarea,就会有默认的换行,但是问题是textarea可能会在样式上有所不同,他不能随内容高度增加textarea高度实现自适应(可以通过js实现,比较麻烦),然后就有了第二种方法
2.使用v-html输出文本
<div v-html="value.replace(/(\r\n|\n|\r)/gm, '<br />')"></div>
“↵”在html中会识别别为\r,\n等转义字符,所以需要使用\r\n去替换
网友评论