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

处理前端开发中的“↵”

作者: 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