美文网首页
处理前端开发中的“↵”

处理前端开发中的“↵”

作者: 4ANH | 来源:发表于2020-08-07 13:43 被阅读0次

在后端给前端返回的文本类型中,经常会看到“↵”这样的符号,怎么通过前端将其展示出来呢

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去替换

相关文章

网友评论

      本文标题:处理前端开发中的“↵”

      本文链接:https://www.haomeiwen.com/subject/ayuvrktx.html