Vue图片浏览组件v-viewer,支持旋转、缩放、翻转等操作
安装
npm install v-viewer
引用
在main.js文件下全局引用
import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
使用方法
<viewer :images="imgList">
<img
class="imgsrc"
v-for="src in imgList"
:src="src"
:key="src"
/>
</viewer>
<script>
export default {
data() {
imgList: ['1.jpg', '2.jpg']
}
}
</script>