vue通过elementUI组件实现图片预览效果 点击按钮后触发

发布时间 2024-01-04 10:40:07作者: 鄢宁
 <el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image>

 detialClick(img) {
      this.$nextTick(() => {
        this.logicImageList = [img]
        this.bigImageUrl = img
        this.$refs.elImage[0].clickHandler()
      })
    },

原理很简单 ,宽高为0隐藏  通过ref触发事件即可