当前位置： 首页 > Web前端 > vue.js

Element-ul的 el-image-viewer组件实现点击或者js触发能预览大图功能

时间：2023-03-31 22:50:59 vue.js

Element-ul的el-image-viewer组件实现了预览大图的功能，通过点击或者触发js实现了预览大图的功能（也可以预览多张图片）。1.导入组件//导入组件importElImageViewerfrom"element-ui/packages/image/src/image-viewer";2、注册组件组件：{ElImageViewer,},3、使用组件查看图片

4.相关数据定义data(){return{srcList:[],showViewer:false//显示查看器}}5.methods//查看图片showImage(path){this.srcList=path;this.showViewer=true;},//关闭查看器closeViewer(){this.showViewer=false;},

Element-ul的 el-image-viewer组件实现点击或者js触发能预览大图功能相关文章
最新推荐
猜你喜欢

Copyright © 2012-2022 程序源 版权所有豫ICP备2022028201号

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。