el-tree 单选
时间: 2023-09-04 18:14:30 浏览: 103
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
要实现 el-tree 的单选功能,你可以使用 el-tree 的 `show-checkbox` 属性来显示复选框,然后通过设置 `check-on-click-node` 属性为 `true` 来在节点单击时选中节点。接下来,你可以使用 `@check-change` 事件来监听节点的选中状态变化,并在事件处理程序中更新选中的节点数据。以下是一个示例:
```html
<template>
<el-tree
:data="data"
:show-checkbox="true"
:check-on-click-node="true"
@check-change="handleCheckChange"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: 'Node 1',
children: [
{ label: 'Node 1-1' },
{ label: 'Node 1-2' },
{ label: 'Node 1-3' },
],
},
{
label: 'Node 2',
children: [
{ label: 'Node 2-1' },
阅读全文