Element-ui中的el-image的图片预览功能,解决 每次点开时 默认显示的是上次关闭前的图片问题

Element-ui中的el-image的图片预览功能(:preview-src-list)

    解决 每次点开时 默认显示的是上次关闭前的图片问题

            

                    v-for="(pic, index) in imgUrlList"

                    ref="previewImage"

                    :key="index"

                    :src="pic"

                    :preview-src-list="imgUrlList"

                    @click.capture="handlePreviewImage(index)"

              />

            // 解决 每次点开时 默认显示的是上次关闭前的图片问题

            handlePreviewImage(index) {

                    const imageViewerChild = this.$refs.previewImage[index].$children[0]

                    console.log(imageViewerChild)

                    // 重置图片缩放、旋转样式

                    imageViewerChild && imageViewerChild.reset()

                    // 每次点击 显示当前点击的图片

                    imageViewerChild && (imageViewerChild.index = index)

            }

你可能感兴趣的:(Element-ui中的el-image的图片预览功能,解决 每次点开时 默认显示的是上次关闭前的图片问题)