首页 前端知识 html 识别\n自动换行

html 识别\n自动换行

2024-05-29 10:05:46 前端知识 前端哥 20 205 我要收藏

实现方法

  • 一. (推荐)CSS实现:white-space
  • 二. JS实现:replace

一. (推荐)CSS实现:white-space

 <div style="white-space: pre-wrap;" v-html="str">
</div>

在这里插入图片描述

二. JS实现:replace

<div style="white-space: pre-line;" v-html="str">
</div>

<script>
// 使用正则将 \n 替换成 <br />标签,再用v-html渲染
this.str= this.str.replace(/\n/g,'<br>')
</script>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/9958.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!