shayloyuki

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

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

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

下拉框选项样式调试

摘要：问题自定义下拉框选项时，样式未生效，想通过浏览器审查元素查看原因。但是发现点击打开下拉框菜单后，再点击控制台，下拉框就会隐藏。尝试通过比对前后类名、控制台模拟焦点页面，以及禁用JavaScript等方法都无效。解决办法控制台输入 setTimeout(_=>{debugger}, 2000 阅读全文

posted @ 2025-03-12 17:30 shayloyuki 阅读(264) 评论(0) 推荐(0)

bug记录：链式调用

摘要：问题操作确认弹出框，点击取消后，页面消息提示 xx失败。正确逻辑是：取消后不会显示此消息提示。解决发现是 $modal 链式调用的问题——把本应该写在调用接口中的 then/catch/finally，写在了 $modal 的链式调用中。如上图所示，右侧是修改后的内容。阅读全文

posted @ 2025-03-06 17:22 shayloyuki 阅读(16) 评论(0) 推荐(0)

接口200但是不走then反而走catch

摘要：问题遇到一个奇葩的bug，明明控制台-网络-接口显示200并返回了数据，但是却进入了 catch 中的 error 处理流程。在全网包括ai都搜了很多解决办法：返回数据格式不对跨域逻辑处理错误 …… 但是检查后发现都不符合情况。后面发现控制台总是报错：uncaught promise c 阅读全文

posted @ 2025-03-04 16:26 shayloyuki 阅读(178) 评论(0) 推荐(0)

打包后样式和本地样式不一致

摘要：问题使用 vxe-table 中的 size 属性，缩小表格行高后，本地样式生效，但是打包后线上样式没有生效。分析网上查了很多资料：有的说是 main.js 中样式层叠错误，解决办法是把样式文件引入放在 App 和 router 引入之前。有的说是应该把自定义样式放在 scoped 中，并阅读全文

posted @ 2025-02-14 15:19 shayloyuki 阅读(204) 评论(0) 推荐(0)

网格布局自适应（二）

摘要：前情提要之前在网格布局自适应（一）中写了每个网格固定宽度，边距大小随着屏幕宽度而变化。代码如下： // 父盒子 .div { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(300px 阅读全文

posted @ 2024-12-19 17:17 shayloyuki 阅读(37) 评论(0) 推荐(0)

如何给 el-dropdown 的 command 事件传递多个参数

摘要：问题如上图所示，可获得点击的 command，但是如果页面上有多个 el-dropdown，就无法获取当前点击的 el-dropdown 的相关数据。解决网上搜索的解决办法是：给 el-dropdown-item 绑定 command 属性时，返回函数（该函数返回一个对象，对象内包含comma 阅读全文

posted @ 2024-12-19 16:43 shayloyuki 阅读(574) 评论(0) 推荐(0)

el-select allow-create 后出现重复选项

摘要：前情提要之前封装了一个显示输入建议的组件 InputLoadMore，见链接：点击输入框，底部弹出下拉框显示输入建议后来需求更改，还要求：某个表单项选择值后，其他表单项的值自动填充；允许多选；去掉下拉框选项分页加载更多。因此，封装了智能填充组件 SmartFill。问题复现 Smart 阅读全文

posted @ 2024-08-22 14:44 shayloyuki 阅读(848) 评论(0) 推荐(0)

then catch 简易写法

摘要：为了捕获上一步 then 中的 promise 结果，必须在上一步 return；关闭遮罩层，放在 finally 中，即无论成功或失败都要执行； archiveAction(actionType, row) { const ids = row && row.id ? row.id : this. 阅读全文

posted @ 2024-07-12 17:14 shayloyuki 阅读(44) 评论(0) 推荐(0)

接口报错 cannot read properties of undefined (reading 'then')

摘要：问题遇到一个很奇怪的问题，接口返回值为 undefined 代码如下： // 归档/解档 archiveAction(actionType, row) { const ids = row && row.id ? row.id : this.ids; const tip = row && row.i 阅读全文

posted @ 2024-07-12 17:00 shayloyuki 阅读(783) 评论(0) 推荐(0)