遇到问题在搭建完成正常开发的时候，也不知道在那个配置出了问题，每次一修改代码，保存vite都会重新reload，浏览器也会重新刷新，没有了热更新测试了好久发现问题出在unplugin-auto-import和unplugin-vue-components这两个插件第一个问题：直接使用默认的声明文件生产位置（和src同级），此时src下面的所有vue文件无法读取到声明文件，ts代码提示会有报错，但是不会出现pagereload和浏览器刷新问题image.png配置如下exportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:['v
遇到问题在搭建完成正常开发的时候，也不知道在那个配置出了问题，每次一修改代码，保存vite都会重新reload，浏览器也会重新刷新，没有了热更新测试了好久发现问题出在unplugin-auto-import和unplugin-vue-components这两个插件第一个问题：直接使用默认的声明文件生产位置（和src同级），此时src下面的所有vue文件无法读取到声明文件，ts代码提示会有报错，但是不会出现pagereload和浏览器刷新问题image.png配置如下exportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:['v
记录一下导入excel文件的使用，现在导入excel的话大部分使用的都是xlsx插件，导入的话只需要下载一个xlsx包就行$npmixlsx也是根据网上看到的教程做下去的，下面是具体的步骤：1.先封装一个读取二进制文件的方法//把文件按照二进制方式读取exportconstreadFile=file=>{returnnewPromise(resolve=>{letreader=newFileReader();reader.readAsBinaryString(file);reader.onload=ev=>{resolve(ev.target.result)}})}2.使用element里面的
记录一下导入excel文件的使用，现在导入excel的话大部分使用的都是xlsx插件，导入的话只需要下载一个xlsx包就行$npmixlsx也是根据网上看到的教程做下去的，下面是具体的步骤：1.先封装一个读取二进制文件的方法//把文件按照二进制方式读取exportconstreadFile=file=>{returnnewPromise(resolve=>{letreader=newFileReader();reader.readAsBinaryString(file);reader.onload=ev=>{resolve(ev.target.result)}})}2.使用element里面的
步骤indexsteplocation1依赖包引入package.json2i18n功能模块.lang,这里init缺省语言环境3main.js配置main.js4vuex配置.store/modules/app.js5调用方式html&js调用；手工切换6vue技巧关于computer和工具类方法3vue技巧3.1computerget&set一般情况下，我们只是使用了computer中的gettter属性，默认只有getter，我们只是单纯的使用了gettter属性，通过定义一个function变量实现；XXX:function(){return...}这里使用了get|set,set处理
步骤indexsteplocation1依赖包引入package.json2i18n功能模块.lang,这里init缺省语言环境3main.js配置main.js4vuex配置.store/modules/app.js5调用方式html&js调用；手工切换6vue技巧关于computer和工具类方法3vue技巧3.1computerget&set一般情况下，我们只是使用了computer中的gettter属性，默认只有getter，我们只是单纯的使用了gettter属性，通过定义一个function变量实现；XXX:function(){return...}这里使用了get|set,set处理
在vue3中引入element-plus的loading跟vue2差别还是有的写法：import{ElLoading}from'element-plus'//使用constloading=ref(false)//loadingconstopenLoading=()=>{loading.value=ElLoading.service({lock:true,text:'Loading',background:'rgba(0,0,0,0.7)'})}constcloseLoading=()=>{loading.value.close()}//举例consttabs=async(n)=>{store.
在vue3中引入element-plus的loading跟vue2差别还是有的写法：import{ElLoading}from'element-plus'//使用constloading=ref(false)//loadingconstopenLoading=()=>{loading.value=ElLoading.service({lock:true,text:'Loading',background:'rgba(0,0,0,0.7)'})}constcloseLoading=()=>{loading.value.close()}//举例consttabs=async(n)=>{store.
前言组件库也已经上线运行了一段时间，该改的BUG也都解决了，也基本可以稳定运行了。今天就抽出点时间更新下文档方便日后查看！背景随着公司项目的迭代更新，业务需求越来越多，如果继续大规模使用element原生封装的组件，就会使得业务代码更加的繁琐并且难以维护。所以就决定把element进行二次封装，在封装之前查阅了一些资料，为了方便后期维护最后决定分装成一个组件库！设计思路参考网上封装的思路，发现只是对el-input层进行封装，虽然在使用过程中可以简化一点使用代码，但是整体的封装层次不大。如果添加校验还是要和element一样单独添加relus,添加验证规则，如果这样的话封装的意义就不大了。所以
前言组件库也已经上线运行了一段时间，该改的BUG也都解决了，也基本可以稳定运行了。今天就抽出点时间更新下文档方便日后查看！背景随着公司项目的迭代更新，业务需求越来越多，如果继续大规模使用element原生封装的组件，就会使得业务代码更加的繁琐并且难以维护。所以就决定把element进行二次封装，在封装之前查阅了一些资料，为了方便后期维护最后决定分装成一个组件库！设计思路参考网上封装的思路，发现只是对el-input层进行封装，虽然在使用过程中可以简化一点使用代码，但是整体的封装层次不大。如果添加校验还是要和element一样单独添加relus,添加验证规则，如果这样的话封装的意义就不大了。所以
