{ content: ''; display: inline-block; position: absolute; width: 14px; height: 14px; border: 1px solid #dcdcdc; border-radius: 50%; background-color: #fff; transition: transform 0.3s ease; } /* 选中状态的图标 */ .el-radio--checked .el-radio__inner::after { display: block; ...
这样,当你点击radio或checkbox时,只有这些控件的选中状态会改变,而不会触发el-tree的节点折叠行为。 注意:这个解决方案假设node对象有一个checked属性,你可以用它来跟踪节点的选中状态。你需要确保在初始化treeData时,每个节点都有一个checked属性,并且这个属性在树的状态改变时得到正确的更新。此外,你可能还需要在合适...
我们直接用选中的样式来覆盖它不就完了,Bingo .types{height:50px;line-height:50px;/deep/.el-checkbox.is-disabled{.el-checkbox__input{&.is-checked{& + .el-checkbox__label{cursor:default;color:#368fff;}.el-checkbox__inner{cursor:default;background-color:#368fff;border-color:#368fff;&::af...
el-radio__label{ color: inherit; } .localRadio ::v-deep .el-radio:disabled.el-radio__input.is-checked.el-radio__inner{ border-color: inherit; /* 边框颜色设为具体值 */ background-color: inherit; /* 背景色设为具体值 */ } .localRadio ::v-deep .el-radio.is-checked { .el-radio...
最好是用checked,checked = !checked 直接就可以满足你的需求 有用 回复 roylau: so: 通过什么事件改变 checked呢? @click: 这个事件压根就不会触发 @click.native: 这个事件会触发两次 @change: 这个事件在radio选中状态是不会触发的 回复2018-06-14 梦想 1.1k1715 发布于 2018-06-14 单选按钮建议用ra...
important;}/* 选中后:radio圆圈样式 */:deep().el-radio__input.is-checked .el-radio__inner{background-color:#008454;border-color:#008454;}/* 选中后:radio圈内样式改为对勾 */:deep().el-radio__input.is-checked .el-radio__inner::after{content:"";width:12px;height:6px;border:2px ...
empId:vm.checkedPeople, radius:vm.radius, operDate:vm.operDate }).then(function(res){ if(res.body.code == 0 && res.body.data !==null) { console.log(res) vm.addOrderList=res.body.data; }).catch(function(err){ console.log(err) ...
empId:vm.checkedPeople, radius:vm.radius, operDate:vm.operDate }).then(function(res){ if(res.body.code == 0 && res.body.data !==null) { console.log(res) vm.addOrderList=res.body.data; }).catch(function(err){ console.log(err) ...
::v-deep .el-radio__inner { border-radius: 2px; } ::v-deep .el-radio__input.is-checked .el-radio__inner::after { content: ""; width: 10px; height: 5px; border: 1px solid white; border-top: transparent; border-right: transparent; text-align: center; display: block; position:...
el-radio单选回显 打印预览不显示问题 1:第一修改样式 :deep(.el-radio__input.is-checked .el-radio__inner) { border-color: #1890ff; background: #1890ff; } 2:打印背景图形