shayloyuki

npm run serve 报错 Cannot read property 'split' of null 并且接口500

摘要：问题项目本地启动报错如下，且接口返回500。解决定位到 requires-port 源码：打印结果显示 protocal 确实为 null：要想解决此问题，则需要判断 process.env.VUE_APP_URL 的值是否为null。经过仔细排查发现，报错原因是 .env 文件中，地址阅读全文

posted @ 2025-12-01 17:24 shayloyuki 阅读(39) 评论(0) 推荐(0)

多表单校验后执行操作代码优化

摘要：问题在页面多个表单校验完成后进行操作，结果校验结果 flag 始终是 undefined。 validatePage() { if (!this.form.tag) { this.$message.warning("请先设置产品标识"); return false; } else { this.$ 阅读全文

posted @ 2025-10-14 14:35 shayloyuki 阅读(29) 评论(0) 推荐(0)

vxe-table 数据量过大时切换空白

摘要：问题 vxe-table单页数据超过100条时，切换页签会导致表格区域出现空白。此时滚动鼠标，数据会重新出现。解决给 vxe-table 标签上添加 :scroll-y="{ gt: -1 }"即可禁用虚拟滚动。或者 :scroll-y="{ enabled: false }"。版本当前阅读全文

posted @ 2025-09-29 19:37 shayloyuki 阅读(129) 评论(0) 推荐(0)

resetFields 后输入框无法输入

摘要：问题在使用 resetFields() 后，输入框会出现无法输入的情况。原因该方法会将字段重置为初始值。如果表单中初始没有定义该字段，就会产生上面这个问题。问题代码如下：解决方案一（推荐）：在 data 中初始定义字段方案二：在清除方法中定义字段并清除校验，替代 resetFields( 阅读全文

posted @ 2025-07-30 11:27 shayloyuki 阅读(63) 评论(0) 推荐(0)

Chrome 浏览器不支持旧扩展加载

摘要：问题 Chrome 自动更新到了 Version 138.0.7204.169 (Official Build) (64-bit)，新版本不再支持 Manifest V2 扩展。也就是说，像一些旧版本扩展比如 Vue devTool 无法在 Chrome 上使用了。显示 Manifest file 阅读全文

posted @ 2025-07-28 14:27 shayloyuki 阅读(264) 评论(0) 推荐(0)

全局解决取消请求后抛出错误的问题

摘要：场景为了解决该bug(get请求频繁触发获取列表，部分响应时间过长引发响应数据渲染覆盖的问题处理)，做过如下处理取消重复get请求 // request拦截器 service.interceptors.request.use( (config) => { // 此处省略代码若干 // get请求阅读全文

posted @ 2025-06-06 14:35 shayloyuki 阅读(88) 评论(0) 推荐(0)

Map 的使用

摘要：场景在写一个包含多条数据的循环表单组件时，需要记住已经选过的下拉框值和其索引值，目的是避免下拉框值重复。如果使用数组和对象，在取值和设置时会很繁琐。这时，想到 Map，可以设置类似字典的 key、value 值。使用 set, get, has方法可以轻松实现需求。想要实现的效果代码 <el 阅读全文

posted @ 2025-06-02 17:13 shayloyuki 阅读(39) 评论(0) 推荐(0)

el-dialog 的 show-overflow-tooltip 使用异常

摘要：问题给对话框中的 el-table-column 添加了 show-overflow-tooltip 属性，但是如下图所示，悬浮显示的完整内容被对话框覆盖了。解决给 el-dialog 添加 :append-to-body="true" 属性。原因 append-to-body 属性默认为阅读全文

posted @ 2025-05-28 09:38 shayloyuki 阅读(129) 评论(0) 推荐(0)

全局设置避免按钮连续点击触发重复接口请求

摘要：问题连续点击同一按钮，会发送重复请求解决常规做法是给按钮添加 loading 点击状态，发送请求前设置为 true，请求结束后设置为 false。缺点：每个按钮这样设置，代码重复而繁琐。替代解决方案在 main.js 中全局设置点击事件防抖 // 防抖处理，避免按钮重复点击触发重复请求阅读全文

posted @ 2025-04-30 10:56 shayloyuki 阅读(140) 评论(0) 推荐(0)

上传svg到阿里图标库发现图标有误

摘要：问题把原型中的图标按照 svg 格式批量下载后，上传到阿里云矢量图标库-我的项目中，但是发现显示的图标样式和原型中的不一致。图标库代码下载到本地，发现仍然与原型不同。解决参考阿里iconfont上传svg图片空白、或展示不全的解决方案/搜索到的icon无法改变颜色解决方案因此最省心的方阅读全文

posted @ 2025-04-16 13:29 shayloyuki 阅读(184) 评论(0) 推荐(0)