kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
49 lines (47 loc) • 899 B
Markdown
<cn>
### 禁用节点
设置属性 `disabled` 可以禁用节点。
</cn>
```vue
<template>
<Tree
:data="data"
checkable
@check="check"
:checkedKeys="checkedKeys"
:expandedKeys="expandedKeys"
/>
</template>
<script setup>
const expandedKeys = ["0-0", "1-0", "1-1"];
const checkedKeys = ["1-0-0"];
const data = [
{
title: "tree 1",
key: "0-0",
children: [
{
title: "tree 1-1",
key: "1-0",
disabled: true,
children: [
{ title: "leaf 1-1-1", key: "1-0-0", disabled: true },
{ title: "leaf 1-1-2", key: "1-0-1" },
],
},
{
title: "tree 1-2",
key: "1-1",
children: [
{ title: "leaf 1-2-1", key: "1-2-1" },
{ title: "leaf 1-2-2", key: "1-2-2" },
],
},
],
},
];
const check = (data) => {
console.log(data);
};
</script>
```