vue项目实现点击图片放大预览

1,285 阅读1分钟

1、npm安装vue-photo-preview插件

npm install vue-photo-preview --save

2、在main.js中引入

import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)

3、在HTML中使用,直接设置preview 属性就能用

<img src="xxx.png" alt=""  preview />

4、完成,亲测有用!!!