使用步骤: 安装:npm install v-viewer@next 在main.js中配置 // v-html图片预览 import "viewerjs/dist/viewer.css"; import Viewer from "v-viewer"; app.use(Viewer, { defaultOptions: { inline: false, //默认值:false。启用内联模式。 button: true, //在查看器的右上角显示按钮。 navbar: true...
首先我重新安装了v-viewer,安装指令: npm install v-viewer@next
本文以Vue3为例,在Vue3的项目中使用v-viewer 首先我们创建一个Vue3的项目 这里我们使用vite初始化我们的项目,用其内置模板创建(有关vite的相关知识,可以查看相关文档),这里我们包管理工具使用yarn yarn create @vitejs/Appmy-vue-app --template vue //安装相关依赖包(可以省略,下面安装v-viewer的时候,也会自动...