IView的tree如何设置默认选中
时间: 2024-05-12 14:13:15 浏览: 262
Vue iview tree+poptip 鼠标移动使用气泡显示完整文字
5星 · 资源好评率100%
IView 的 Tree 组件可以通过 `:default-checked-keys` 属性来设置默认选中的节点。这个属性需要传入一个数组,数组中的每个元素是要选中的节点的 key(节点的唯一标识符)。
例如:
```html
<template>
<Tree :data="data" :default-checked-keys="['2-1-1']" />
</template>
<script>
export default {
data() {
return {
data: [
{
title: '节点1',
key: '1',
children: [
{
title: '节点1-1',
key: '1-1'
},
{
title: '节点1-2',
key: '1-2'
}
]
},
{
title: '节点2',
key: '2',
children: [
{
title: '节点2-1',
key: '2-1',
children: [
{
title: '节点2-1-1',
key: '2-1-1'
},
{
title: '节点2-1-2',
key: '2-1-2'
}
]
},
{
title: '节点2-2',
key: '2-2'
}
]
}
]
}
}
}
</script>
```
上面的例子中,我们默认选中了 key 为 `2-1-1` 的节点。如果有多个节点需要选中,只需要把它们的 key 放到数组中即可。
阅读全文