VUE中点击图片放大

1、首先我们来看下今天的主角【v-viewer】，v-viewer提供点击下一张，上一张，旋转，自动播放，放大等一些我们常用的功能，效果见图

2、现在我们开始安装这个组件到我们的项目里面，命令面板里面我们需要执行一个安装命令【npm install v-viewer --save】

4、到了这里我们基本就把【v-viewer】这个组件放在我们的项目里面。在未来我们需要进行使用的时候，只要在在页诹鬃蛭镲面上面直接用就好了，首先在模板里面加上HTML代码<viewer :images="arrayList"><imgv-for="(src,index) in arrayList":src="src":key="index"class="pro-img"></viewer>这里的【arrayList】是使用者自己定义的一个数组，这里特别的主意一定要是变量，如果你的图片后台返回的不是一个变量，你就需要自己把它进行一个组装成数组就好了，图片给的是我目前在使用的代码，大家看的时候要结合起来一起理解一下