Ant Design Vue
文章平均质量分 53
wdd...
这个作者很懒,什么都没留下…
展开
-
antd-vue实现table表单动态选择筛选列的显示隐藏组件
鼠标移入弹出所有表单项标题,选择可以动态筛选表单列的功能。原创 2023-05-17 10:04:36 · 2349 阅读 · 3 评论 -
Tree组件实现父子节点分离(父子节点自定义逻辑关联)【antd】实现Tree复选,数型数据递归处理
大概讲一下如何实现,首先在默认进入时保留一个选中的id集,然后在选择的时候比对本次与上一次的差异,向下查找该节点下所有子节点的id,然后向上查找所有父节点的id,判断本次操作是否勾选来决定子节点集是合并还是移除。项目中我们用的Tree组件一般都是父子节点关联的,但是产品提出了个需求,没办法使用组件自带的逻辑了,只能自定义逻辑进行管理选中节点。原创 2023-02-06 17:44:24 · 3205 阅读 · 4 评论 -
antd-vue Checkbox Group 封装实现多选、全选、搜索过滤组件
基于antd实现搜索,全选,多选功能,并且支持保存,重置,初始默认选中项。注意事项:我的列表格式是这样的所以需要注意的是checkbox上绑定的value要是code,不然group是找不到对应的值。checkbox-group v-model对应的是选中的arr,格式是[1, 2, 3, 4]这样的,所以保存时候要取交集。原创 2022-11-29 15:45:28 · 4592 阅读 · 4 评论 -
antd-vue时间选择框TimePicker,日期、时间的禁用校验,开始时间不能大于结束时间,结束时间不能小于开始时间
在我们使用时间选择框时,有时候会拆开分成单独的开始时间和结束时间,这样我们只能通过disabled时间来控制禁用时间,并且要满足开始时间和结束时间的互相限制。如果先选择了开始时间那么结束时间不能小于开始时间,如果先选择了结束时间那么开始时间不能大于结束时间。原创 2022-12-01 15:17:23 · 4215 阅读 · 1 评论