v-html点击图片查看大图功能

    
    

      

        
      
    

  data() {
    return {
      imgShow: false,
      previewImg: '', // 预览图片路径
    }
  },

  methods: {
    showImg(e) {
      if (e.target.tagName == 'IMG') {
        this.previewImg = e.target.src
        this.imgShow = true
      }
    },
    imgShowHandler() {
      this.imgShow = false
    }
  }

富文本编辑器中需支持图片点击放大功能，也可用这种方式实现

原效果：

image.png

点击放大后的效果：

image.png