el-tree添加单选框
时间: 2023-10-15 07:05:25 浏览: 106
el-tree-select:基于el-select和el-tree改造的树形选择器(下拉框)组件
需要在 el-tree 的节点上添加单选框,可以使用 el-radio 组件来实现。具体方法如下:
1. 在 el-tree 的节点模板中添加 el-radio 组件,同时绑定 v-model 到节点的数据上,例如:
```
<el-tree :data="treeData" :props="defaultProps">
<template v-slot="{ node, data }">
<el-radio v-model="data.checked">{{ node.label }}</el-radio>
</template>
</el-tree>
```
2. 在 el-tree 的数据中添加一个 checked 属性,表示节点是否被选中,例如:
```
treeData: [
{
label: '一级 1',
children: [
{
label: '二级 1-1',
children: [
{
label: '三级 1-1-1',
checked: false // 添加 checked 属性
},
...
]
},
...
]
},
...
]
```
阅读全文