el-tree默认选中某个数据
在Element UI的el-tree
组件中,如果你想要默认勾选某个节点,可以使用node-key
属性来指定唯一标识,并使用:default-checked-keys
属性来设置默认勾选的节点ID数组。
以下是一个简单的例子:
<template>
<el-tree
:data="data"
show-checkbox
node-key="id"
:default-checked-keys="defaultCheckedKeys"
:props="defaultProps"
>
</el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '一级 1',
children: [
{
id: 11,
label: '二级 1-1'
}
]
}
],
defaultCheckedKeys: [11], // 默认勾选的节点ID
defaultProps: {
children: 'children',
label: 'label'
}
};
}
};
</script>
在这个例子中,data
属性定义了树的结构,defaultCheckedKeys
设置了默认勾选的节点ID,node-key
指定了唯一标识是id
。defaultProps
定义了子节点的属性名以及标签的属性名。在这个例子中,一级 1 下的二级 1-1 将默认被勾选。
评论已关闭