js解决下拉列表框互斥选项的问题

时间：2018-12-22 15:24:54 阅读：251 评论：0 收藏：0 [点我收藏+]

如图不区分选项与其他选项是互斥的关系，当选择了不区分时，其他选项就要去除，当有其他选项存在时，就不能有不区分

技术分享图片

解决办法：定义change事件，若列表发生改变，首先判断点击的是否是不区分，若是，则将其他选项剪切掉，若是点击的是其他选项，就判断已选择的选项中是否有不区分，若有，则将其切除

源码：

下拉列表框中定义事件：@change="handleSelectedChange" //注：@=v-on

handleSelectedChange:function(value){

if(value[value.length-1]=="不区分"){//如果点击的是不区分的选项，就将其他选项去除

value.splice(0,value.length-1);

}else if(value.indexOf("不区分")!=-1){//点击的是其他选项，若是内部含有不区分的选项，就将不区分的选项去除,注意这里的indexOf的O是大写的，真是烦人

value.splice(value.indexOf("不区分"),1);//注意这里的indexOf的O是大写的，真是烦人

}

原文：https://www.cnblogs.com/MrZWJ/p/10161166.html

踩

(0)

评论一句话评论（0）

分享档案

更多>