这里碰到一个问题，当图片预览状态点击手机返回键，直接返回上一个页面，但图片预览未进行关闭，解决如下： 复制粘贴，即可解决 欢迎扫码加群，一起讨论，共同学习成长！ ...

*手上的项目刚刚搞完了，记录一下项目中遇到的问题，留做笔记： 需求： 　　在项目中，需要展示用户上传的一些图片，我从后台接口拿到图片url后放在页面上展示，因为被图片我设置了宽度限制（150px）,所以图片被缩放了，需求说加一个图片预览的功能 参考文章： 　　https ...

From: https://www.jianshu.com/p/e3350aa1b0d0 在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，分别是viewerjs ...

vue-picture-preview-extend 　　vue-picture-preview的扩展版本，本文中插件是由其他大神开发，我做了一些扩展，原文链接：https://segmentfault.com/u/x_logic。 预览(原文章的预览，非扩展后的) 安装 ...

用viewerjs插件实现图片预览 在template里展示图片并设置点击事件 预览函数 ...

HTML部分 limit：上传数量限制 action：要提交的地址，因为我们自己提交，所以设为# multiple：是否多选 auto-upload:是否自动上传 accept：接收文件类型 show ...

安装vue-preview组件 main.js文件： vue文件： ...

写插件很简单，满足两个条件即可，一、基本的逻辑思路，二、熟悉插件语法要求。本次Vue插件也比较简单，点击“查看图片”用轮播的方式限制用户上传的图片，如图： 项目采用的是vue-element-admin 在‘src/components’下新建‘imgPreview’文件夹，然后在该文 ...