Vue3+TS+vite项目-插件使用

前言

该文章记录一些Vue3的经常使用的插件，后续将会逐步增加，所有内容均从网上整理而来，加上自己得理解做一个整合，方便工作中使用。

插件

一、pdf/docx/Excel等文件预览

1. 插件下载，以pdf为例

   pnpm add @vue-office/pdf

   注意：下载该插件时，提示:terser版本不匹配，因此又根据提示下载了

   pnpm add terser@^5.4.0

2. 使用插件

    import VueOfficePdf from '@vue-office/pdf'
    
    <VueOfficePdf :src="url" @rendered="xx" @error="xx" />
    //rendered 加载成功事件
    //error    加载失败事件
    //注意：使用 vue-office/pdf存在跨域问题
   

二、qrcode-生成二维码

下载依赖： pnpm add qrcode.vue

import QrcodeVue from 'qrcode.vue'
// value必填 
<qrcode-vue :value="codeUrl" :size="200"></qrcode-vue>