好用的图片查看插件"/>
基于Vue好用的图片查看插件
在开发中,经常会遇到这样的需求,就是点击图片,能够放大预览。在网上找到了一款很好用的插件。拿来即用,不需要复杂的配置。这里只是针对于在vue脚手架下的使用方法
1、安装依赖包。
npm install v-viewer --save
2、在main.js中配置如下:
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'Vue.use(Viewer, {defaultOptions: {zIndex: 9999}
})
3、在需要使用图片查看的文件中使用如下:
<viewer :images="images"><img v-for="src in images" :src="src" :key="src">
</viewer>
上面的images是一个数组,用来存放需要预览的图片的路径的。
更多推荐
基于Vue好用的图片查看插件
发布评论