技术栈

element-ui图片查看器

草巾冒小子2025-04-01 15:36

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: []
    }
  }
}
上一篇:ftp服务器备份,ftp服务器备份的方法
下一篇:线上死锁问题排查思路
相关推荐
Angel_girl319
40 分钟前
vue项目使用svg图标
前端·vue.js
難釋懷
44 分钟前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo
1 小时前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏
1 小时前
vue生成二维码图片+文字说明
前端·vue.js
拉不动的猪
1 小时前
安卓和ios小程序开发中的兼容性问题举例
前端·javascript·面试
炫彩@之星
1 小时前
Chrome书签的导出与导入:步骤图
前端·chrome
贩卖纯净水.
1 小时前
浏览器兼容-polyfill-本地服务-优化
开发语言·前端·javascript
前端百草阁
2 小时前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶
2 小时前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm
且白
2 小时前
vsCode使用本地低版本node启动配置文件
前端·vue.js·vscode·编辑器
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07Coze扣子平台完整体验和实践(附国内和国际版对比)08DeepSeek各版本说明与优缺点分析09VMware虚拟机安装Win7专业版保姆级教程(附镜像包)10R-tree详解