在vue项目中应用vue-directive-image-previewer进行图片放大处理
发布时间
阅读量：
阅读量
- 安装vue-directive-image-previewer插件以实现图片预览功能
npm install vue-directive-image-previewer --save
- 在vue项目的main.js文件中进行导入与注册操作
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueDirectiveImagePreviewer, {
zIndex: 9999, //层级显示
previewSize: 3 //三倍图
})
- 应用（应用指令v-image-preview）
<img v-for="(item,index) in form.imgList" :key="index" :src="item" alt="" v-image-preview="i全部评论 (0)
还没有任何评论哟~