解决element ui中的el-tree组件default-checked-keys默认勾选节点问题
在Element UI的el-tree
组件中,如果你想要默认勾选特定的节点,可以使用default-checked-keys
属性。这个属性接受一个包含节点key
值的数组。确保你已经为每个节点设置了唯一的key
值。
以下是一个简单的例子:
<template>
<el-tree
:data="treeData"
show-checkbox
:default-checked-keys="defaultCheckedKeys"
node-key="id"
></el-tree>
</template>
<script>
export default {
data() {
return {
treeData: [
{ id: 1, label: 'Node1', children: [{ id: 2, label: 'Child1' }] },
{ id: 3, label: 'Node2', children: [{ id: 4, label: 'Child2' }] }
],
defaultCheckedKeys: [1, 3] // 默认勾选的节点key值数组
};
}
};
</script>
在这个例子中,treeData
定义了树的结构,每个节点都有一个唯一的id
作为key
。defaultCheckedKeys
设置了默认勾选的节点key
值数组,在这个例子中,节点id
为1和3的节点会被默认勾选。
确保你的节点数据中的key
与default-checked-keys
数组中的值一致,并且node-key
属性设置为与数据中的key
对应的字段名。
评论已关闭