antd vue 多选框的全选功能实现和选中时候传入值的改变
需求
- ant design vue 多选框的全选功能实现和选中时候传入值的改变,官网的实例不太好,没有仔细说明怎么更改传入的值,因为很多情况下都是显示的是中文,传入的是数字,也就是id
做法
- 添加下面
- 多选按钮和选项项
1 | <a-checkbox v-model:checked="checkInfoData.checkAllInfo" :indeterminate="checkInfoData.indeterminate" @change="onCheckAllChange"> |
- 数据项目
1 | const checkInfoData = ref({ |
- 回调
1 | /* 全选单选框点击回调 */ |
原理
原理就是监听全选按钮的选中状态,设置相应的回调就可以
indeterminate是什么?
indeterminate = true
的时候
indeterminate = false
的时候
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 梦洁小站-属于你我的小天地!
评论