本篇主要记录两个问题，然而这两个问题又都可以对应同一种解法。废话少说，解决方法在最上面。推荐格式如下：constform=reactive({formData:{//为了保证响应性，一定一定要多包这一层key1:value,key2:value,},});//或个人比较喜欢第一种,大家各自取用吧constform=ref({key1:value,key2:value,});一定一定要再多包一层，不然就会遇到一些问题。(⊙﹏⊙)虽然这是一句废话。下面的内容过于基础且本篇只记录bug和解法，想要探求为什么的呢，还请自己去查API。不愿浪费时间的，看到这里就结束了。做项目一般都用个UI框架，我这次用
已配置vue.config.js中的proxy代理，前端本地环境仍然请求后端出现跨域报错problem已配置vue.config.js中的proxy代理，前端本地环境仍然请求后端出现跨域报错控制台仍然出现cors禁止报错，接口调不通reason配置proxy代理解决跨域问题的原理是：前端工程本地环境会启动一个express或koa的web服务例如http://localhost:3000后端接口可能是ip有可能是dev的域名例如http://dev.com/api前端页面通过axios调用后端接口，如果直接从浏览器发起请求，相当于浏览器(3000端口)向http://dev.com/api发起
1.html2.单独校验方法3.失去校验获取表单所有的名称字段的prop使用validateField触发校验获取的prop触发校验
虚拟滚动的本质并不复杂，根据滚动位置和展示范围进行部分数据截取、渲染，本质上和分页原理相似，只是截取范围的开始和结束节点是动态而已。但表格虚拟滚动的相关细节处理比较麻烦，比如未设置宽度的列如何计算、新渲染的checkbox确定选中状态等等。所以，推荐几个可以支撑前端展示10W+数据量的表格组件，减少重复造轮子。废话少说，上干货。React：AntDesign官网地址:此组件库早已是react开发者必备的组件库，无须赘述，内部表格自带虚拟滚动。TDesign官网地址:腾讯出品的前端组件库，此前个人使用不多，但内部的表格组件同样包含虚拟滚动功能。Material-UI官网地址:来源于国外的一款开源
ElementUI--el-date-picker下拉控件样式修改一些废话事发背景实现效果实现思路总结和完整代码参考资料一些废话 默默做前端，分享一些自己在项目需求实现中遇到的奇妙问题 （主要是网上搜索不到解决办法自己解决后的总结方法和解决办法但不全面，自己整理总结的存档）。事发背景 ElementUI的日期选择器有默认样式，即给默认接收或者当前的年、月、日加入高亮显示。 但这次在项目实现后需求验收后要求把选中后的年、月、日变成高亮显示，默认的高亮移除。可以看到在截图中这个日期默认高亮显示的是30号，但是我选中其他日期后30号这个数字的高亮并没有移除。年、月的样式同理。这显然是不符合需求的，但
1.第一步就是安装依赖npminstall--savesm-crypto2.导入sm2constsm2=require('sm-crypto').sm23.先定义私钥或者公钥，私钥是解密，公钥是加密varprivateKey="私钥";//解密使用varpublicKey="公钥";//加密使用4.设置加密模式//cipherMode[加密模式C1C3C2:1,C1C2C3:0]constcipherMode=1;//默认是15.解密的使用全码页面代码直接@click绑定getphone即可单击实现data(){return{copyphone：'',}}methods:{getphone（）
本篇文章将介绍如何在Vue3和Vite项目中使用SQLite数据库进行数据存储。我们将使用better-sqlite3库来创建和管理SQLite数据库，并将使用Vue3来开发前端界面。创建项目首先，我们需要创建一个新的Vue3项目。可以使用以下命令创建一个名为vue-sqlite的新项目：vuecreatevue-sqlite然后，安装所需的依赖项，包括better-sqlite3：npminstallbetter-sqlite3创建SQLite数据库接下来，我们需要创建SQLite数据库。可以在项目根目录下创建一个名为database.js的文件，并将以下代码添加到文件中：constsqli
业务需求：el-select选择器，后台接口需要的参数为name，name会存在重复情况，前端唯一标识选择用id，所以最后决定使用select绑定对象值将数据保存下来。实现思路：常规的select选择器，v-model形式绑定的参数只能是boolean,string,number,但是仔细翻阅官方文档发现，selelct是可以绑定对象的，如下图：el-select绑定对象具体实现如下：el-select处这里最好使用:value来进行绑定，v-model可能会出问题，然后el-options里绑定的value就是一个对象值item，绑定对象的情况下，必须设置value-key作为唯一标识，va
这里是开发购物车相关的功能时遇到bug报错，如图所示 通过搜索是因为我开发的uni-app是vue3版本，但是在使用vuex时使用的是2版本的格式所造成的错误一、首先配置vuex1.在项目根目录中创建store文件夹，专门用来存放vuex相关的模块2.在store目录上鼠标右键，选择新建->js文件，新建store.js文件 3.在store.js中按照如下4个步骤初始化Store的实例对象报错前代码 将以上代码修改为如下4.在main.js中导入store实例对象并挂载到Vue的实例上，这里要注意一定是加到#ifdefVUE3这个位置下面 5.在store目录上鼠标右键，选择新建->js文
现在因为有个上传组件他用到了这个mixin文件，这个mixin文件中mounted请求了接口，这样一个页面中如果有多个上传组件的话，那么就会导致一上来就会一次性请求多个重复的接口，有什么好点的方法吗，如果不放在vuex中的话。解决方法：这种情况下的getSignature最好是Singleton的，可以写个模块导出。mixin里的getSignatrue都直接引用或调用这个Singleton的getSignature。因为大家都调同一个Signature，那么可以在这里做一些判断和处理，基本思路就是，有缓存拿缓存没缓存判断如果是第1个请求的，就去请求远端如果不是第1个请求的，就等letcach
