shayloyuki

bug记录：输入框延迟、卡顿

摘要：问题场景离开本页签时（即点击其他页签时），存储查询数据。导致 bug：首次打开页签，或者点击浏览器按钮刷新时后，页面上的输入框输入后，会出现无法输入、延迟显示、输入卡顿。代码如下： /* initDataMixin.js */ beforeRouteLeave(to, from, next) { 阅读全文

posted @ 2024-02-18 10:33 shayloyuki 阅读(26) 评论(0) 推荐(0) 编辑

post请求传参：params, data, raw

摘要：问题场景收到一个 post 请求的接口，既有 query 查询参数，又有 body 请求体，请求体还是 raw 格式的，如下图所示：解决阅读全文

posted @ 2024-02-06 11:18 shayloyuki 阅读(228) 评论(0) 推荐(0) 编辑

数据量大导致接口请求超时

摘要：问题场景某个接口因数据量过大导致请求超时，报错 Network Error。解决办法 webpack 默认2分钟后请求超时，更改 vue.config.js 配置如下： // 修改 webpack 默认2分钟的超时 proxyTimeout: 10 * 60 * 1000, onProxyReq 阅读全文

posted @ 2024-02-05 11:07 shayloyuki 阅读(300) 评论(0) 推荐(0) 编辑

el-color-picker 样式修改：去掉确定按钮，失去焦点生效

摘要：分析 el-color-picker 样式如下：操作：隐藏确定按钮；点击组件外区域时，实现确定功能。解决隐藏确定按钮添加自定义类名 popper-class="my-color-picker"，然后添加如下全局样式： <style lang="scss"> // 隐藏确定按钮 .my-c 阅读全文

posted @ 2024-01-31 13:53 shayloyuki 阅读(1405) 评论(1) 推荐(0) 编辑

正则校验：不能输入中文

摘要：需求表单项校验要求：满足某条件时，必填；不能输入中文。代码 data() { var validateRelateTable = (rule, value, callback) => { if (this.form.type !== 0 && !value) { callback(new E 阅读全文

posted @ 2024-01-31 13:28 shayloyuki 阅读(913) 评论(0) 推荐(0) 编辑

github 无法访问

摘要：解决步骤 windows + R，cmd 打开命令行窗口，输入 ping github.com，看是否能 ping 通。若不能（大概率会请求超时），文件夹路径 C:\Windows\System32\drivers\etc，记事本打开 hosts，在末尾添加以下内容并保存： 192.30.255. 阅读全文

posted @ 2024-01-23 14:25 shayloyuki 阅读(51) 评论(1) 推荐(0) 编辑

若依页面刷新 $tabs.refreshPage()

摘要：前言若依封装了 $tab 对象，其中有个刷新页签的方法。看了下 refreshPage() 的源码，发现是用 router.replace() 替换当前位置的。但是当前路由地址前加了 /redirect前缀，不知这个有什么作用。查看相关源码，发现：如果不加该前缀，控制台会报错如下：定义了阅读全文

posted @ 2024-01-18 14:30 shayloyuki 阅读(2612) 评论(0) 推荐(0) 编辑

页面交互逻辑比较

摘要：写这篇是为了记录下：能达到相同效果的两种不同的页面交互逻辑。场景侧边栏菜单分为两部分，一部分是固定，一部分是动态。如下图所示：不同的项目，动态菜单的数量和内容不一样。处于项目 A 时，若处于动态菜单页面（比如 Piping），点击顶部下拉框切换到项目 B），那么：之前打开的项目 A 的 Pi 阅读全文

posted @ 2024-01-17 16:42 shayloyuki 阅读(59) 评论(0) 推荐(0) 编辑

vxe-column 表头顺序：数据中改变后，但视图位置不更新

摘要：问题在左树右表的页面中，左侧点击不同的节点，右侧表头会改变。但在某些情况下，数据中表头顺序改变了，但视图中表头位置却没变。如下图所示：尝试数据变了但视图未更新，猜测是vue更新机制导致的，于是把表头数组的赋值改为 $set，无效；猜测是右侧表格组件复用导致数据未更新，（但其实 vue-dev 阅读全文

posted @ 2024-01-17 14:37 shayloyuki 阅读(671) 评论(0) 推荐(0) 编辑

多个异步请求的执行顺序

摘要： Fn() { // 以下两个都为异步请求 this.getData1() this.getData2() } this.Fn() 我以为的执行顺序是：getData1 --> getData2 但其实，顺序不一定，getData1 有时在前，有时在后。解决：加上 async 和 await asy 阅读全文

posted @ 2024-01-17 13:31 shayloyuki 阅读(60) 评论(0) 推荐(0) 编辑