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: []
    }
  }
}
相关推荐
佚名猫2 分钟前
vue3+vite+pnpm项目 使用monaco-editor常见问题
前端·vue3·vite·monacoeditor
满分观测网友z4 分钟前
vue的<router-link>的to里面的query和params的区别
前端·javascript·vue.js
BillKu5 分钟前
Vue3 + TypeSrcipt 防抖、防止重复点击实例
前端·javascript·vue.js
鱼樱前端6 分钟前
Vue3结合three和babylonjs实现3D数字展厅效果
前端·vue.js
Themberfue10 分钟前
Vue ⑥-路由
前端·javascript·vue.js
whatever who cares11 分钟前
React hook之useRef
前端·javascript·react.js
kooboo china.21 分钟前
Tailwind CSS 实战:基于 Kooboo 构建 AI 对话框页面(八):异步处理逻辑详解
前端·css·人工智能·编辑器·html·交互
天涯学馆24 分钟前
工厂模式在 JavaScript 中的深度应用
前端·javascript·面试
crary,记忆29 分钟前
Angular中Webpack与ngx-build-plus 浅学
前端·webpack·angular·angular.js
陪我一起学编程42 分钟前
关于nvm与node.js
vue.js·后端·npm·node.js