linxing

如何根据后端数据的换行标记在前端页面显示换行

在实际业务场景中我们可能有这样的需求,将请求到的数据在前端显示换行,数据中有\n或者<br>的标记,但是在页面上显示可能并不是换行的效果。

1.后端数据中包含 \n 那我们请求到数据以后先要进行替换,把 \n替换为 <br>   str.replace(/\\n/gmi, \'<br>\')

2.html文件中使用 <pre></pre>标签进行包裹,就可以显示出换行的效果了。

3.在vue项目中可以直接使用v-html指令,不会作为vue模板进行编译。

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-05
  • 2022-01-16
  • 2021-06-16
猜你喜欢
  • 2021-12-17
  • 2022-12-23
  • 2021-12-14
  • 2022-02-13
  • 2021-06-23
  • 2021-12-22
相关资源
相似解决方案