element-ui图片查看器

element-ui图片查看器


调用案例:

javascript 复制代码
 <el-image-viewer
      v-if="showViewer"
      :on-close="()=>{showViewer=false}"
      :url-list="imgList" />
javascript 复制代码
export default {
  components: {
    Banner,
    'el-image-viewer':()=>import('element-ui/packages/image/src/image-viewer')
  },
  data(){
    return{
    	showViewer: false,
		imgList: []
    }
  }
}
相关推荐
waterHBO3 分钟前
chrome 浏览器插件 myTools, 日常小工具。
前端·chrome
哎呦你好5 分钟前
HTML 颜色全解析:从命名规则到 RGBA/HSL 值,附透明度设置与场景应用指南
前端·css·html
多云的夏天32 分钟前
前端:VUE-(0)-环境搭建和helloworld
前端·javascript·vue.js
Dontla36 分钟前
BootCDN介绍(Bootstrap主导的前端开源项目免费CDN加速服务)
前端·开源·bootstrap
90后小陈老师1 小时前
WebXR教学 07 项目5 贪吃蛇小游戏
前端·数码相机
一口一个橘子1 小时前
[ctfshow web入门] web118
前端·web安全·网络安全
GanGuaGua1 小时前
Vue3:脚手架
前端·javascript·css·vue.js·vue
weixin_431600442 小时前
使用 Vue Tour 封装一个统一的页面引导组件
javascript·vue.js·ecmascript
鸡吃丸子2 小时前
常见的实时通信技术(轮询、sse、websocket、webhooks)
前端·websocket·状态模式
胡斌附体3 小时前
vue添加loading后修复页面渲染问题
前端·javascript·vue.js·渲染·v-if·异步加载