宁波建设网站制作,企业网站首页的实现,克拉玛依市建设局官方网站,WordPress前端文本图片添加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;
}
这样就会好了
