v-html富文本内容,如何触发预览图片功能

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

            

通过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])
      // 预览图片方法
    }
  },

你可能感兴趣的:(vue.js)