通常情况下后台管理系统都配备了富文本编辑器,所以当数据传入前端的时候需要解析才能够正常使用。
在实际的开发中我们会遇到以下的情况,甚至是更复杂的含有图片和样式等的文本内容。
此时我们就需要借助富文本标签来解析渲染了。如下:
这里要注意的是你的内容必须要用nodes绑定起来,如果仅仅写在标签内是不会生效的哦!
(在uniapp项目中就不需要使用插值表达式而是直接用v-bind就可以了)
<rich-text ></rich-text> 是官方组件易用且不需要引入其他资源,但是它并不能解析视频等内容,如果有这个需求就要另行使用了!