关于vue.js:vhtml富文本内容如何触发预览图片功能

把间接绑定事件在v-html的元素上

            <p @click="hanldeImage($event)" v-html="Mdetail.kfKnowledgeContent.content" />

通过event办法定位出,点击触发的nodeName是否是img类型
如果是触发预览图片性能,能够用el-image间接触发,在我的上一篇文章里

Element-ul的 el-image-viewer组件实现点击或者js触发能预览大图性能

hanldeImage(event) {
    if (event.target.nodeName == 'IMG' || event.target.nodeName == 'img') {
      const img = event.target.currentSrc
      this.showImage([img])
      // 预览图片办法
    }
  },