tki-tree 加禁选
时间: 2023-10-29 15:05:38 浏览: 37
要禁选 tki-tree 中的某些节点,可以通过在数据中添加一个 disabled 属性来实现。具体步骤如下:
1. 在数据中添加一个 disabled 属性,用于标记该节点是否可选。
2. 在 tki-tree 组件中添加一个 :disabled="checkDisabled" 属性,用于判断该节点是否可选。
3. 在 methods 中添加一个 checkDisabled 方法,用于判断该节点是否可选。
下面是具体的代码实现:
1. 在数据中添加 disabled 属性:
```
let data = [
{
id: 1,
name: '节点1',
disabled: false, // 添加 disabled 属性
children: [
{
id: 2,
name: '节点1-1',
disabled: true, // 添加 disabled 属性
children: []
},
{
id: 3,
name: '节点1-2',
disabled: false, // 添加 disabled 属性
children: []
}
]
},
{
id: 4,
name: '节点2',
disabled: false, // 添加 disabled 属性
children: []
}
];
```
2. 在 tki-tree 组件中添加 :disabled="checkDisabled" 属性:
```
<tki-tree ref="tkitree" :range="range" :selectParent="true" :foldAll="true" :multiple="false" :rangeKey="dir_name" confirmColor="#4e8af7" :disabled="checkDisabled" @confirm="treeConfirm"></tki-tree>
```
3. 在 methods 中添加一个 checkDisabled 方法:
```
methods: {
checkDisabled(node) {
return node.disabled; // 判断该节点是否可选
}
}
```