layui/example/docs/zh-CN/components/tree.md

::: anchor :::

::: demo

是否可开启选择框：

checkedKeys：

    {{ checkedKeys }}
  

只能通过节点左侧图标来展开收缩：

是否开启连接线：

当前点击的节点：

    {{ clickNode }}
  

:::

::: title Tree 属性 :::

::: table

Name	Description	Accepted Values
data	树型组件数据,类型 TreeData | TreeData[]	null
showCheckbox	是否显示复选框	false
onlyIconControl	是否仅允许节点左侧图标控制展开收缩	false
showLine	是否开启连接线	true
checkedKeys(v-model:checkedKeys)	开启 showCheckbox 后, 选中的节点	[]

:::

::: title Tree 数据 :::

::: table

Name	Description	Accepted Values
id	唯一值	-
title	节点名称	-
children	子节点	[]
disabled	该节点是否禁用	false
spread	该节点是否展开	false

:::

::: title Tree 事件 :::

::: table

Name	Description	Accepted Params
node-click	节点 click 事件	--

:::

::: comment :::

::: previousNext tree :::