100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > ant-design-vue中的select多选选择 器实现全选和全不选

ant-design-vue中的select多选选择 器实现全选和全不选

时间:2020-03-15 15:06:07

相关推荐

ant-design-vue中的select多选选择 器实现全选和全不选

废话不多说,直接上代码(觉得写得不好的话,请多担待):

具体的实现逻辑卸载当用户选择下拉框的方法里面:

在这里插入代码片```//选中信息类型的事件typeChange(e){const seleAll = "" //表示全部的值//如果选中最后一个值为选中全部就其他的选项取消只需选中全部的选项if(e[e.length-1]==seleAll){this.monitorFrom.channelId = [seleAll] //channelId表示表示选中的值}//如果选中全部后然后又选中选项中的单独一个那就取消全选if(e.length>1&&e[0]==seleAll){this.monitorFrom.channelId.splice(0,1)}//如果除了全部其他选项都选中了那么取消其他选项选中全部就可以了if(e.length==this.channelList.length-1){//channelList表示下拉框的数据this.monitorFrom.channelId = [seleAll]}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。