vue点击图片实现放大效果

vue-directive-image-previewer

//安装
npm install vue-directive-image-previewer
//main.js 引入
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueDirectiveImagePreviewer)

2.vue页面中的使用


设置图片没有放大前高宽度

这是自定义的css样式设置方法后图片的最大宽高度 图片显示位置

vue-directive-image-previewer组件详情：https://www.npmjs.com/package/vue-directive-image-previewer

勿喷,刚入行不久!