vue中使用element-ui多选组件实现单选

效果图:


代码:

                            

                            

                            



方法:

onChange(item,index) {

            //把多选做成单选的样式

            let check = null;

            this.options.forEach(res => {

                if (res.label == item.label) {

                res.isCheck = true;

                res.isqx += 1;

                //2为同一个的取消,1为同一个的选中

                if (res.isqx == 2) {

                    res.isqx = 0;

                    check = false;

                } else if (res.isqx == 1) {

                    check = true;

                }

                } else

                {

                res.isCheck = false;

                res.isqx = 0;

                }

            });

            let label = item.label;

            let nList = this.value.filter(word => word == label);

            this.value = nList;

        }

你可能感兴趣的:(vue中使用element-ui多选组件实现单选)