2020-09-03【element图片预览插件】

最新推荐文章于 2023-09-22 11:22:06 发布

良言SE

最新推荐文章于 2023-09-22 11:22:06 发布

阅读量221

点赞数

本文链接：https://blog.csdn.net/qq_32265719/article/details/108378715

版权

element 图片预览需求<template> <div> <el-button @click="onPreview">预览</el-button> <el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="[url]" /> </div></template><script&g

摘要由CSDN通过智能技术生成

无需引用插件版

如果el-image-viewer组件在el-dialog里面，el-dialog的层级是优先的，因此我们需要属性z-index去更改el-image-viewer组件样式的层级

<template>
    <div>
        <el-button @click="onPreview">预览</el-button>
        <!-- 图片查看器(兼容ie) -->
        <el-image
          ref="preview"
          class="hideImgDiv"
          :src="url"
          :preview-src-list="[url]"
          z-index

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

良言SE

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-09-03【element图片预览插件】

element 图片预览需求<template> <div> <el-button @click="onPreview">预览</el-button> <el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="[url]" /> </div></template><script&g
复制链接

扫一扫