treeselect treeDefaultExpandedKeys 怎么使用
时间: 2023-06-24 12:08:30 浏览: 188
`treeselect` 是一个基于 Vue.js 的树形选择器组件,`treeDefaultExpandedKeys` 是该组件的一个属性,用于设置默认展开的节点的 key 列表。它是一个数组类型,其中包含需要默认展开的节点的 key 值。
你可以在 `treeselect` 组件中使用 `treeDefaultExpandedKeys` 属性,例如:
```html
<template>
<div>
<treeselect
:options="options"
:multiple="true"
:treeDefaultExpandedKeys="['1', '2']"
placeholder="Please select"
/>
</div>
</template>
<script>
import Treeselect from '@riophae/vue-treeselect'
export default {
components: {
Treeselect
},
data () {
return {
options: [
{
id: '1',
label: 'Option 1'
children: [
{ id: '11', label: 'Option 1.1' },
{ id: '12', label: 'Option 1.2' }
]
},
{
id: '2',
label: 'Option 2',
children: [
{ id: '21', label: 'Option 2.1' },
{ id: '22', label: 'Option 2.2' }
]
},
// ...
]
}
}
}
</script>
```
在上面的代码中,我们设置了 `treeDefaultExpandedKeys` 属性为 `['1', '2']`,表示默认展开的节点为 `Option 1` 和 `Option 2`。这样在组件初次渲染时,这两个节点就会自动展开。
阅读全文