场景
在做项目过程中,需要用el-radio实现选择el-tree中的某个节点,并通过后端返回的数据定位到选择的节点
el-radio用法
v-model为选中的值, label为单选框唯一的值。
代码实现
<el-radio ref="radio" onChange={() => {
this.handleCheckChange(data);
}} key={node.data.name} // 确保每个单选框有唯一的 key
v-model={this.selectedTypes} // 绑定到选中状态数组
label={node.data.name} class="square-radio ">
selectedTypes = []
每次选中后会将lable的值赋给selectedTypes。如果需要根据后端返回的数据定位el-tree节点,只需要将后端返回的name赋值给selectedTypes即可。