富文本在h5和小程序中的显示

后台传来的数据有

content: "<p><img src="http://file.rzkeji.com/web/zhaowoa/upload/2018/11/29/95fb21bb1eab0266665b1c56969c74ea.png" title="1543822480394864.png" alt="招聘banner00.png"/><span style="font-size: 24px;"><strong>欢迎在线面对面交流，把握机会。</strong></span></p>"

这是后台编辑的内容。
在vue中很简单

; 注意v-html就算是动态写入的，也不是写成 :v-html='****'的 在小程序中没有html这个概念 在mpvue中明确写道： **小程序里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用。**

小程序提供了一个组件

<!-- rich-text.wxml -->
<rich-text nodes="{
  {nodes}}" bindtap="tap"></rich-text>

mpvue改成
 <rich-text :nodes="nodes" @tap="tap" ></rich-text>
 即可。

虽然小程序官方也提供了为rich-text内的富文本更改样式的方法

// rich-text.js
Page({
  data: {
    nodes: [{
      name: &