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

html 识别\n自动换行

2024-05-29 10:05:46 前端知识 前端哥 12 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
标签
评论
发布的文章

使用 mapstructure 解析 json

2024-06-05 13:06:03

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