shayloyuki

点击输入框，底部弹出下拉框显示输入建议

摘要：需求点击输入框时，或者输入内容时，底部弹出下拉框显示输入建议。选择某项输入建议后，输入框显示该内容。输入建议列表根据输入的内容模糊搜索返回；若输入内容为空，则返回全部输入建议。效果类似于搜索引擎的搜索栏：分析 <input /> 原生属性 autocomplet，若为 on 则下拉框形式展阅读全文

posted @ 2023-11-15 11:53 shayloyuki 阅读(1224) 评论(0) 推荐(0)

表格数据拖拽排序 sortable.js

摘要：需求拖拽表格的行数据，实现排序。问题拖拽后调用接口，但视图没变，还是原来的顺序场景：拖拽表格行数据后，tableDataArr 中数据的 orderNum 值会改变，实现拖拽换序。期望情况：页面根据更改后的 orderNum 重新排序。实际情况：接口数据变了，但是页面行数据没有改变。也就阅读全文

posted @ 2023-11-14 14:00 shayloyuki 阅读(1300) 评论(0) 推荐(0)

获取 el-cascader 的输入值

摘要：问题场景使用 el-cascader 级联选择器时，设置 filterable 可搜索选项。但怎样获取输入框的输入值呢？解决官方文档给出了如下事件：其中 change 事件获取到的是选中的选项的值，如果输入值不符合选项值（即没有选中），则无法获取输入值。那么为了获取到输入值，就只有用 bl 阅读全文

posted @ 2023-10-25 17:01 shayloyuki 阅读(998) 评论(0) 推荐(0)

纳税申报是上上个月的工资

摘要：起因 9月请了病假，发工资时发现纳税申报收入里没有去掉病假所扣除的工资，也就是说：病假工资是在税后扣的，这不符合法律规定。按劳动法规定，病期间用人单位应支付病假工资给职工的，如果用人单位需要扣除工资的话，都是在税前扣除的。找公司相关人员问了下，才知道：发工资前的纳税申报，申报的是上上个月的工资，阅读全文

posted @ 2023-10-17 11:48 shayloyuki 阅读(92) 评论(0) 推荐(1)

sortable 拖拽后数据变更但视图不变

摘要：问题表格中某两行拖拽换序，使用 sortable.js 在拖拽结束后调用换序接口，再更新数据列表。问题是数据变了，但视图不变。如下图所示：分析 vue 无法检测数组中顺序的变化。即使采用 $set，$forceUpdate()，给组件添加 key 属性，仍然无法解决该问题。解决办法请求数阅读全文

posted @ 2023-10-16 16:03 shayloyuki 阅读(989) 评论(0) 推荐(0)

网格布局自适应（一）

摘要：需求多个固定宽度的盒子横向排列，超过页面宽度自动换行。要求盒子间空隙自动计算，避免出现行末大幅空白现象。分析要求自适应，就不能给固定宽度的 margin；针对不同屏幕宽度，每行的盒子数量也不同；因此，需要用到 repeat() 使得列宽自适应。比如： .grid { display: gr 阅读全文

posted @ 2023-09-25 15:50 shayloyuki 阅读(158) 评论(0) 推荐(1)

vxe-table 的 setActiveRow() 无效

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

posted @ 2023-09-06 15:34 shayloyuki 阅读(1001) 评论(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 阅读(1962) 评论(0) 推荐(0)

el-select 回显失败

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

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

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

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

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