继承
none
用法
<Tree :data="data" @selectionChange="selection=$event"></Tree>
<p v-if="selection">选择: {{selection.text}}</p>
属性
名称 |
类型 |
描述 |
默认 |
data |
array |
要加载的数据 |
[] |
selectLeafOnly |
boolean |
定义是否只选择叶节点。 |
false |
checkbox |
boolean |
定义是否在每个节点前显示复选框。 |
false |
cascadeCheck |
boolean |
定义是否进行级联检查。 |
true |
cascadeCheck |
boolean |
定义是否进行级联检查。 |
true |
作用域
名称 |
参数 |
描述 |
默认 |
node |
节点作用域。 |
editor |
node |
编辑节点作用域。 |
事件
名称 |
参数 |
描述 |
selectionChange |
node |
选择节点时触发。 |
nodeClick |
node |
单击节点时触发。 |
nodeDblClick |
node |
双击节点时触发。 |
nodeExpand |
node |
在展开节点时触发。 |
nodeCollapse |
node |
当节点被折叠时触发。 |
nodeCheck |
node |
检查节点时触发 |
nodeUncheck |
node |
当节点未选中时触发 |
checkChange |
nodes |
更改选中节点时触发。 |
nodeContextMenu |
node, originalEvent |
右击节点时触发。 |
editBegin |
{node, originalValue} |
在开始编辑节点时触发。 |
editEnd |
{node, originalValue} |
结束编辑节点时触发。 |
editCancel |
{node, originalValue} |
取消编辑节点时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
selectNode |
node |
void |
选择一个节点。 |
checkNode |
node |
void |
检查节点。 |
uncheckNode |
node |
void |
取消一个节点。 |
uncheckAllNodes |
none |
void |
取消所有节点。 |
doFilter |
q |
void |
执行筛选操作 |
beginEdit |
node |
void |
开始编辑节点。 |
endEdit |
none |
void |
结束当前编辑节点。 |
cancelEdit |
none |
void |
取消当前编辑节点。 |