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)

vue页面中的使用

设置图片原本大小

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

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

勿喷,刚入行不久!