shayloyuki

vxe-table 的 setActiveRow() 无效

摘要： # 问题 `vxe-table` 的 `setActiveRow(row)` 方法无效。 # 解决检查之后发现，`vxe-column` 上忘记写 `:edit-render="{}`。因为 `#edit="{row}"` 插槽必须要写 `:edit-render="{}` ![image](h 阅读全文

posted @ 2023-09-06 15:34 shayloyuki 阅读(574) 评论(0) 推荐(0) 编辑

vxe-table：可编辑表格表头不显示编辑图标

摘要： # 问题 `"vxe-table": "^3.5.9"`，官方文档默认显示编辑图标。但实际上没有显示。给 `vex-table` 的 `edit-config` 添加 `showIcon: true`，也不生效。设置 `icon` 也不生效。 ![image](https://img2023.c 阅读全文

posted @ 2023-09-06 10:29 shayloyuki 阅读(1058) 评论(0) 推荐(0) 编辑

el-select 回显失败

摘要： # 问题在一个表格中，有多个下拉框，回显应该显示 `label`，但却显示的是绑定的数字。 # 排查经过测试发现： 1. 排除“绑定值与选项 `value` 不是同一数据类型”的情况； 2. 排除“是多个下拉框导致的bug”情况； 3. 最终确定原因：首次加载下拉框选项显示为空，但实际上下拉框选阅读全文

posted @ 2023-09-01 13:32 shayloyuki 阅读(316) 评论(0) 推荐(0) 编辑

el-tree 折叠节点时去掉 defaultExpandedKeys 中已折叠的节点及其子节点

摘要： # 问题场景树形节点默认是全部折叠的。展开节点A，再把它折叠。然后给节点B新增子节点，新增成功后刷新树，却发现节点A是展开的。 # 原因分析 **树刷新后全部节点都默认是折叠的，除非 `defaultExpandedKeys` 数组中有数据（这些节点数据是展开的）。** 因此，只需要在折叠节点A时阅读全文

posted @ 2023-08-25 11:46 shayloyuki 阅读(394) 评论(0) 推荐(0) 编辑

el-input-number 手动输入无法触发校验

摘要：前情提要今天终于找到了鬼打墙之谁改了我的代码中的鬼，庆贺:-) 鬼找到了：测试对象不一致请输入0-1000间的整数这则校验一直都有，不是改 bug 期间提交的，因此代码提交记录是正常的。 { pattern: /^([0-9][0-9]{0,2}|1000)$/, message: "请输阅读全文

posted @ 2023-08-23 15:17 shayloyuki 阅读(1099) 评论(0) 推荐(0) 编辑

限制 el-select 和 el-cascader 下拉框宽度

摘要： # 需求 `el-select`、`el-cascader` 等下拉选项字符过多时，下拉框会自动边长，有时甚至会超出屏幕宽度，不美观。因此，需要限制下拉框宽度，选项内容过长则以省略号显示，鼠标悬浮显示完整内容。 # `el-select` 解决方案加 `popper-class` 和 `titl 阅读全文

posted @ 2023-08-23 13:59 shayloyuki 阅读(1586) 评论(0) 推荐(1) 编辑

鬼打墙之谁改了我的代码

摘要：前情提要测试提了个 bug: 顺序输入字符过长，后端会报错。建议前端限制输入字符长度。改 bug 的上午经测试，输入超过10位数会报错。和后端沟通，int 最大值是 4294967295。由于 el-input-number 不支持 maxLength 属性，用 rules 校验 max 阅读全文

posted @ 2023-08-21 14:02 shayloyuki 阅读(42) 评论(1) 推荐(0) 编辑

vue-treeselect 校验失败添加红框

摘要： # 需求 [vue-treeselect 校验及清除校验](https://www.cnblogs.com/shayloyuki/p/17550258.html "vue-treeselect 校验及清除校验") 这篇介绍了用 `@input` 在校验失败时显示校验信息。但还需要同时显示红色边框。如阅读全文

posted @ 2023-08-16 17:37 shayloyuki 阅读(342) 评论(0) 推荐(0) 编辑

flex属性解决子元素宽度被压缩问题

摘要： # 问题 ![image](https://img2023.cnblogs.com/blog/2399063/202308/2399063-20230815164818342-1841181473.png) 如上图所示， A 及 B 的父盒子是 C。其中 C 和 B 都用到了 flex 布局，目阅读全文

posted @ 2023-08-15 17:52 shayloyuki 阅读(1686) 评论(0) 推荐(0) 编辑

vue-treeselect 校验及清除校验

摘要： # 问题 `vue-treeselect` 依照以下方式无法实现校验（未选择字段不会提示选择）： ``` rules: { pid: [ { required: true, message: `请选择上级${this.nodeLabel}`, trigger: "blur", }, ], }, `` 阅读全文

posted @ 2023-08-15 09:45 shayloyuki 阅读(503) 评论(0) 推荐(0) 编辑