antd下拉多选框,如何选择第一个后其他选项禁用

使用antd下拉多选框,如何选择第一个选项后,其他选项都变成禁用状态,如图:选择all后,其他选项变成禁用状态,all是使用js方法添加到数组第一个里面的,知道的帮忙解答一下,十分感谢

img

下拉框数据是由

 {
          value: 'disabled',
          label: 'Disabled',
          disabled: true,
 }

这样形式的对象组成的,你要做的就是当你选择了all 这个选项后,动态修改其余所有选项的 disabled 的值,你的本意是多选,但是加了一个全选的功能,就比较特殊,你可以先试试,监听她的选择事件,然后动态修改所有的disabled 值

那你监听 select 的选中值,然后 对 其它option 加个disabled. 你定义个数组,然后 option 循环渲染出来 。change事件里 判断 选中的是all 那就 把除了all的 disabled 都设置成true 。可以用 filter来做