shayloyuki

勇气

 
1 2 3 4 5 ··· 14 下一页

2025年10月14日

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

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

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

2025年9月29日

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

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

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

2025年7月30日

resetFields 后输入框无法输入

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

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

2025年7月28日

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 阅读(130) 评论(0) 推荐(0)

2025年6月6日

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

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

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

2025年6月2日

Map 的使用

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

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

2025年5月28日

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 阅读(79) 评论(0) 推荐(0)

2025年4月30日

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

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

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

2025年4月16日

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

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

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

2025年4月2日

多个 el-tabs 内显示同一组件导致请求重复加载

摘要: 需求 把某页面拆分为 进行中、已完成,分为两个标签页。标签在顶部显示,下面显示对应的数据页面。 问题 如上图所示,是 el-tabs 的基础用法。如果把组件放在每个 el-tab-pane 标签内,会导致如下问题: 代码重复; 请求接口重复。 解决办法 尝试:把只需要请求一次的接口放在父组件中,传递 阅读全文

posted @ 2025-04-02 09:38 shayloyuki 阅读(275) 评论(0) 推荐(0)

1 2 3 4 5 ··· 14 下一页

导航