请问当antd-vue框架 select组件为多选(multiple)模式时候,怎么处理这种情况?

页面处在编辑情况下,select组件在mode为multiple模式的时候,option某一项值被disabled的时候,相应的tag删除标签也已经没了,该怎么解决。


回答:

正常业务流程下当 option 被禁用掉之后是不可以操作的意思,即不可选择也不可取消。

  1. 如果只是单纯的想移除不可选择项,那么可以在数据回填时过滤掉已勾选的不可选择项key。
  2. 如果是想取消禁用的已选项,但不可继续选择禁用项,可以隐藏所有不可选项,而不是设置不可选。

顺便帮你看了下 Select 组件的源码,没办法去使用 slot 或者 props 属性的方式去解决这个问题。开发组的人也是建议直接隐藏而不是设置 disabled

当然,也可以自己使用 v-for 去循环输出 option,然后给不可选择的项增加禁用样式。这样的话交互更有好一些。

以上是 请问当antd-vue框架 select组件为多选(multiple)模式时候,怎么处理这种情况? 的全部内容, 来源链接: utcz.com/p/932829.html

回到顶部