安装: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
viewer.js是一个专门用于图片预览的js库,图片预览效果很好,支持诸如缩放(支持滚轮操作)、旋转、播放、左右翻转、最大化等诸多使用功能,v-viewer则是对其进一步封装,将它带入到Vue组件中,使其方便地在我们的Vue项目中使用,并且支持Vue2和Vue3! 使用 本文以Vue3为例,在Vue3的项目中使用v-viewer 首先我们创建一个V...