摘要：
form表单中一刷新页面input为什么会自动校验，明明是有值的，也提示必填 但是手输之后又是正常校验 原因： 初始化没有响应式，因为addFields里面没有写这个初始化的变量 解决办法： 让其响应式，初始化addFields里面添加此变量， 或者用 对象set的方式 // this.addFie 阅读全文
摘要：
1.定位打开vscode的具体组件文件 2.调试样式的使用 hover可以用浏览器模拟hover，但是有时候怎么用都hover不行的时候，这个时候说明这个不是hover时间，可能是js控制，这个时候可以尝试着找到组件的数据，例如input的 clear 就是数据驱动的，这个时候就可以查看hover的 阅读全文
摘要：
trace是一个很好的调试错误的办法， console.trace() 方法用于显示当前执行的代码在堆栈中的调用路径。 可以查看函数在哪一些地方做了调用 同时也可以看一下一个变量在哪里做修改，具体怎么使用，可以配合watch方法的使用 watch:{ ‘headerData’:{ handler(n 阅读全文
摘要：
业务需求 选设备，左侧树，右侧是树，下方是element的tag 原先版本是左右都是树，这样出现了一个问题 当左侧是虚拟滚动树的时候，展开的节点过多，右侧点击全选的时候会很慢， 原因：查看源码之后发现，tree-store.js中，element ui在树注册的时候，getAllNodes是页面中所 阅读全文
摘要：
背景：前端项目 125M 启动时间5-10分钟 F12会出现崩溃 原因：打包出来的css样式文件体积过大 解决办法： 1.启动太久，将vue-cli升级到版本5，能优化不少的时间 2.vue.config.js优化 原先的是将main.scss，放到了前端 css预处理里面，相当于每个文件都引入，其 阅读全文
摘要：
用elementui分页组件的话可以直接用这个函数 将拿到的总的数据缓存起来，然后分别在切换页数，翻页的时候调用这个方法既可 /** * 前端分页，不再次请求接口,不破坏原数组list * @param list 请求接口返回的全部数据 * @param pageSize 一页展示的数据个数 * @ 阅读全文
该文被密码保护。 阅读全文
摘要：
在做组态编辑工具的时候，有一个需求，就是用户在输入完input之后，如果想清除掉input框里面的内容，这个时候试图仍然是空的，会导致不好的效果，想清空之后还保持原来的数值 分析： 其实这个时候，虽然将input框里面的内容清除掉了，但是实际上数据还是没有变化，正是因为没有变化触发更新，所以试图也仍 阅读全文