1.安装:
npm install vue-directive-image-previewer -D
2.main.js中引入:
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
import 'vue-directive-image-previewer/dist/assets/style.css'
Vue.use(VueDirectiveImagePreviewer)
3.使用:
<img style="height: 80px" :src="scope.row.topicPicture" v-image-preview>
本文介绍如何在Vue项目中集成并使用vue-directive-image-previewer插件,实现图片预览功能。包括安装步骤、main.js文件中的引入方式及组件的使用方法。
598





