shayloyuki

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

vue-treeselect 校验及清除校验

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

posted @ 2023-08-15 09:45 shayloyuki 阅读(636) 评论(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 阅读(77) 评论(0) 推荐(0) 编辑

双击表格行，弹出对话框

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

posted @ 2023-08-10 10:56 shayloyuki 阅读(435) 评论(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 阅读(537) 评论(0) 推荐(0) 编辑

业务设计如此，不是 bug

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

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

前端分页和搜索

摘要： # 需求一般来说，分页和搜索都是后端处理的。但有时候后端没处理，就只能前端处理了。当然这要在数据量不大的情况下，否则会性能消耗很大。 # 分析 1. 使用 `setTimeout(() => {}, 1000)` 模拟接口调用； 2. 数据总条数 `total` 是符合搜索结果的数据总条数； 3. 阅读全文

posted @ 2023-08-04 15:32 shayloyuki 阅读(76) 评论(0) 推荐(0) 编辑

表格某行置顶

摘要： # 需求点击某行，设置置顶。即使刷新或者切换页码，置顶仍然不变。 # 实现思路后端接口返回数据分为两部分： 1. `topData`：数组内为置顶数据 2. `rows`：数组内为非置顶数据 `topData` 和 `rows` 中的数据条数之和，等于 `pageSize`。前端渲染数组，`t 阅读全文

posted @ 2023-07-27 10:24 shayloyuki 阅读(47) 评论(0) 推荐(0) 编辑

vxe-table 分页后序号连续

摘要： # 需求使用 `vxe-table` 分页后，序号连续。比如每页显示 10 条数据，点击第 2 页，序号从 11 起算。 # 问题依照官网 [vxe-table-序号](https://vxetable.cn/v3/#/table/base/seq "vxe-table-序号") 修改后，出现两阅读全文

posted @ 2023-07-26 16:07 shayloyuki 阅读(1327) 评论(0) 推荐(0) 编辑

若依登录超时默认跳转登录页

摘要： # 问题若依登录超时，跳转 `/index`页，但本项目中该页为空白页。 # 解决因此，需要修改跳转为登录页。 ![image](https://img2023.cnblogs.com/blog/2399063/202307/2399063-20230718110341564-190875095 阅读全文

posted @ 2023-07-18 11:08 shayloyuki 阅读(1250) 评论(0) 推荐(0) 编辑