vue后台管理系统富文本解析问题

对于解决CKEditor4富文本内容通过v-html指令解析出现图片超出屏幕的问题

 <el-form-item label="产品详情"
                        prop="introduce">
            <el-input v-html="xqlist.introduce"
                      :disabled="true"
                      placeholder="请输入产品详情" />
          </el-form-item>

 this.xqlist.introduce = this.xqlist.introduce.replace(/\<img /gi, '<img class="rich_pages" ')

replace（）方法，返回一个替换值。通过正则在里面加一个class设置样式

 .rich_pages {
    width: 100% !important;
  }