vue实现点击图片放大图片
使用vue一个组件vue-directive-image-previewerA Vue.js project for tag img, click img to zoom out to full screen.安装vue-directive-image-previewer命令行npm install vue-directive-image-previewer -Dmain.js...
·
使用vue一个组件vue-directive-image-previewer
A Vue.js project for tag img, click img to zoom out to full screen.
安装vue-directive-image-previewer
命令行
npm install vue-directive-image-previewer -D
main.js
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueDirectiveImagePreviewer)
components
<template>
<div>
<img v-image-preview src="picture-url"/>
</div>
</template>
更多推荐
已为社区贡献1条内容
所有评论(0)