1。从“element-ui/packages/image/src/image-viewer”导入查看大图的组件importElImageViewer;2。注册组件:{ElImageViewer},3.添加html4.添加数据//显示图片查看器showImgViewer:false,//查看大图列表imgPreviewList:[],5.添加图片上传组件的钩子:on-preview="openImgViewer"6.添加方法//openimageVieweropenImgViewer(file){//获取待查看图片的临时地址this.imgPreviewList=[file.url];//显示图像查看器this.showImgViewer=true;},//关闭图像查看器closeImgViewer(){this.showImgViewer=false;},
使用ElementUI查看大图组件,查看Upload组件的上传图片相关文章