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: []
    }
  }
}
相关推荐
JiaLin_Denny1 小时前
如何在NPM上发布自己的React组件(包)
前端·react.js·npm·npm包·npm发布组件·npm发布包
路光.2 小时前
触发事件,按钮loading状态,封装hooks
前端·typescript·vue3hooks
我爱996!2 小时前
SpringMVC——响应
java·服务器·前端
咔咔一顿操作3 小时前
Vue 3 入门教程7 - 状态管理工具 Pinia
前端·javascript·vue.js·vue3
kk爱闹3 小时前
用el-table实现的可编辑的动态表格组件
前端·vue.js
漂流瓶jz4 小时前
JavaScript语法树简介:AST/CST/词法/语法分析/ESTree/生成工具
前端·javascript·编译原理
换日线°4 小时前
css 不错的按钮动画
前端·css·微信小程序
风象南4 小时前
前端渲染三国杀:SSR、SPA、SSG
前端
90后的晨仔5 小时前
表单输入绑定详解:Vue 中的 v-model 实践指南
前端·vue.js
陈佬昔没带相机5 小时前
围观前后端对接的 TypeScript 最佳实践,我们缺什么?
前端·后端·api