背景

采用的是ant design 里面的select组件,多选模式,在编辑的场景下,回显已选择选项。

要求

有些已选中的值在下拉选项里不可再选择,只能保留,或者删除该选中值。

解决方案

一开始尝试将不可选择的选项加上属性disabled,该项(op2)就可显示在已选选项中,但却不支持删除,不满足目的。
在这里插入图片描述

最终解决方案:接口中返回【所有】下拉选项,把一些不能选择的选项加上属性 hidden,值为true,就可以隐藏该选项,又可以回显选中项的名称
在这里插入图片描述

解决思路来源: https://github.com/ant-design/ant-design/issues/27495

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐