vue获取html文本化，页面转为html格式渲染

数据库中存储的是html序列化后的文本

 

 前端页面获取时只需要使用v-html标签即可

<p v-html="item.content">{{item.content}}</p>

 

展示效果

 

备注：VUE3.0的使用方法，需要把<p>标签中的内容删除，如下所示

<p v-html="item.content"></p>

 

---

 

首页不是全文加载时，不加载内容的样式，实现方法：

<p v-html="item.content.replace(/<[^>]+>/g, '')"></p>