由于Volar 插件升级到了 Vue - Office 版本,然后安装过后有一个问题就是:不兼容 uni-app 的 nativeTags 配置,因此我就尝试了降低 Vue - Office 的版本,降到了其最低版本,就可以兼容了。 这里需要来到 vscode 的插件官网进行下载: 然后将安装包导入即可:...
项目依赖版本 @vue-office/docx": "^1.3.0", @vue-office/excel": "^1.4.5", @vue-office/pdf": "^1.5.3", vue3: ^3.3.4 vite: ^4.4.5 tips: 目前项目中混入了两种模式,SFC + TSX。vue-office组件的使用采用了sfc的模式进行了封装 代码片段
1.安装依赖 npm i docxtemplater -S npm i docxtemplater-image-module -S npm i pizzip -S npm i jszip-utils -S npm i file-saver -S 2.vue文件引入依赖 import docxtemplater from "docxtemplater"; import PizZip from "pizzip"; import JSZipUtils from "jszip-utils"; import { saveAs }...
// 获取到上传文件input组件的dom实例,实际上用ref也行,但是vue2和vue3使用ref的写法上有区别,就不麻烦搞ref了,统一用id了 const file = document.getElementById('fileinput').files[0]; // FileReader是一个强大的读取文件的api,创建一个FileReader实例来读取文件 const reader = new FileReader(); // 将...
网上有很多教程,介绍怎么通过office中的插入 > 获取加载项 > 添加Script Lab的方式去开发,调试office插件。但是在office中调试,还是有很多不便之处 本文详细介绍用Vue来开发office加载项 准备工作 vue环境:这里vue2、vue3,vue-cli、或者vite搭建的环境都可以。我这里使用的是vite+vue2+typescript(框架源码在此:Githu...
简介:5. 解决 nativeTags 不被 Vue - Office 插件兼容的问题 由于Volar 插件升级到了 Vue - Office 版本,然后安装过后有一个问题就是:不兼容 uni-app 的 nativeTags 配置,因此我就尝试了降低 Vue - Office 的版本,降到了其最低版本,就可以兼容了。