官方文档地址:
https://doc.flyfish.dev/guide/quickstart-vue3
里面有多种集成方式,有vue2/vue3,以及jquery、原声js、react等,可以到官网详细查询
vue3实例(最简单粗暴)
下载依赖
使用 full 包可以直接获得完整格式矩阵
npmi @file-viewer/vue3pnpmadd@file-viewer/vue3-fullmain.js文件引入
importAppfrom'./App.vue'importFileViewerfrom'@file-viewer/vue3-full'createApp(App).use(FileViewer).mount('#app')页面应用:
<file-viewer url="URL地址":options="{ theme: 'light', toolbar: { position: 'bottom-right' } }"/>