做网站跟app需要多少钱,南海网站制作公司,做logo的比赛网站,医生咨询在线24小时免费1.背景#xff1a;在公司开发需求中有一个选择颜色的单选框#xff08;黑色#xff0c;白色#xff09;#xff0c;每种颜色选择后均支持取消选中#xff0c;可是el-radio标签不支持取消选中。
2.解决#xff1a;
方法1:
el-radio-group v-modelradioColo…1.背景在公司开发需求中有一个选择颜色的单选框黑色白色每种颜色选择后均支持取消选中可是el-radio标签不支持取消选中。
2.解决
方法1:
el-radio-group v-modelradioColorel-radio :labelblack click.native.preventclickitemdataType(black)黑色/el-radioel-radio :labelwhite click.native.preventclickitemdataType(white)白色/el-radio
/el-radio-groupclickitemdataType (e) { // e为radio的label值e this.radioColor ? this.radioColor : this.radioColor e},
方法2:换checkbox设置max1即可
el-checkbox-group v-modelcheckList :max1el-checkbox labelA/el-checkboxel-checkbox labelB/el-checkbox
/el-checkbox-groupdata () {return {checkList: [A]}
}
但是用第一个方法会导致样式错乱需要在css中加入
/deep/ .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
box-shadow: 0 0 2px 2px #fff !important;
}
这样就会好了
