关于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])
      // 预览图片办法
    }
  },