请问当antd-vue框架 select组件为多选(multiple)模式时候,怎么处理这种情况?
页面处在编辑情况下,select组件在mode为multiple模式的时候,option某一项值被disabled的时候,相应的tag删除标签也已经没了,该怎么解决。
回答:
正常业务流程下当 option 被禁用掉之后是不可以操作的意思,即不可选择也不可取消。
- 如果只是单纯的想移除不可选择项,那么可以在数据回填时过滤掉已勾选的不可选择项key。
- 如果是想取消禁用的已选项,但不可继续选择禁用项,可以隐藏所有不可选项,而不是设置不可选。
顺便帮你看了下 Select
组件的源码,没办法去使用 slot
或者 props
属性的方式去解决这个问题。开发组的人也是建议直接隐藏而不是设置 disabled
。
当然,也可以自己使用 v-for
去循环输出 option
,然后给不可选择的项增加禁用样式。这样的话交互更有好一些。
以上是 请问当antd-vue框架 select组件为多选(multiple)模式时候,怎么处理这种情况? 的全部内容, 来源链接: utcz.com/p/932829.html