安装:
cnpm install --save-picture-preview
使用:
首先在项目的入口文件中引入, 调用 Vue.use 安装。
main.js:
import vuePicturePreview from 'vue-picture-preview' Vue.use(vuePicturePreview)在根组件添加 lg-preview 组件的位置
App.vue:
<template> <div id="app"> <router-view @login="loginDirect" @logout="logoutDirect"/> <lg-preview></lg-preview> </div> </template>对于所有图片都可以使用 v-preview 指令来绑定他们的预览功能
<img v-preview="baseData.author" :src="baseData.author" :alt="baseData.nickname" :key="11" preview-title-enable="true" preview-nav-enable="true"> <img class="img" :src="baseData.author" alt="">
截图: