网站提速,网站建设 蜂图网络,定制网站建设公司价格,济源市城乡建设局网站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;
}
这样就会好了