cv大法提高开发效率!
文章目录
预览大图插件
hevue-img-preview
简介:本组件是一个基于 vue 编写的 vue 图片预览组件,支持 pc 和手机端,
支持单图和多图预览,仅传入一个图片地址,即可实现图片预览效果。
手机端支持单指拖拽和双指缩放。
# 安装
npm install hevue-img-preview --save
# main.js 引入
import hevueImgPreview from 'hevue-img-preview'
Vue.use(hevueImgPreview)
# 使用
给任意对象添加任意事件,例如
<img :src="src" @click="previewImg(url)">
即可在事件里调用方法进行预览
methods: {
previewImg (url) {
this.$hevueImgPreview(url)
}
}