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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理