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: []
    }
  }
}
相关推荐
满分观察网友z1 分钟前
别小看这个滑动条!从性能灾难到用户挚爱的 uni-app Slider 踩坑实录
前端
编程猪猪侠3 分钟前
Taro+Vue3实现微信小程序富文本编辑器组件开发指南
vue.js·微信小程序·taro
满分观察网友z4 分钟前
别再裸写<textarea>了!一个“小”功能,我用上了它几乎所有API
前端
西西木科技丨Shopify开发机构10 分钟前
如何在 Shopify 中建立重定向
前端·html
汪子熙16 分钟前
深入探析 header facets:定位与应用
前端·javascript
你听得到1117 分钟前
从需求到封装:手把手带你打造一个高复用、可定制的Flutter日期选择器
前端·flutter
江城开朗的豌豆22 分钟前
Vue Router vs location.href:导航跳转的正确姿势,你选对了吗?
前端·javascript·vue.js
小磊哥er26 分钟前
【前端工程化】如何制定前端项目中的页面模版?
前端
Liudef0629 分钟前
基于HTML与Java的简易在线会议系统实现
java·前端·html
2401_8812444032 分钟前
javaweb———html
前端·javascript·html