shayloyuki

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

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

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

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

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

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

鬼打墙之谁改了我的代码

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

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

vue-treeselect 校验失败添加红框

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

posted @ 2023-08-16 17:37 shayloyuki 阅读(535) 评论(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 阅读(2273) 评论(0) 推荐(0)

vue-treeselect 校验及清除校验

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

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

label-wdith 不设置，则宽度为各自标签的宽度

摘要： # 不设置 `label-width`，表单域标签宽度为各自标签的宽度 ![image](https://img2023.cnblogs.com/blog/2399063/202308/2399063-20230814112032008-1735151707.png) # `label-width= 阅读全文

posted @ 2023-08-14 11:22 shayloyuki 阅读(152) 评论(0) 推荐(0)

双击表格行，弹出对话框

摘要： # 需求双击表格某行数据，弹出对话框。 `vxe-table` 有组件可以实现这个功能。但如果用封装的组件，怎样实现呢？ # 分析已知 vue 中 `@dblclick` 是双击事件（[Vue双击事件](https://blog.csdn.net/qq_40115330/article/det 阅读全文

posted @ 2023-08-10 10:56 shayloyuki 阅读(540) 评论(0) 推荐(0)

el-tree 父子节点勾选框：勾选时关联但回显时不关联

摘要： # 需求之前的需求是 [el-tree 父子节点勾选框半关联](https://www.cnblogs.com/shayloyuki/p/16895462.html "el-tree 父子节点勾选框半关联")，但是现在需求改了，需要： > 1. 勾选时父子节点关联； > 2. 数据回显时，父子节点阅读全文

posted @ 2023-08-08 14:09 shayloyuki 阅读(691) 评论(0) 推荐(0)

业务设计如此，不是 bug

摘要： # 场景遇到了一个显示问题，编辑时不会显示 `el-cascader` 的绑定值。排查了好几遍，都没问题。新增没问题，就是无法回显。后来发现这是接口设计如此：这个接口返回的是可添加的属性列表。新增显示是正常的，编辑无法回显也是正常的了。 # 解决方案 ## 方案一禁用编辑按钮，就不用回显了。阅读全文

posted @ 2023-08-07 17:36 shayloyuki 阅读(29) 评论(0) 推荐(0)