element plus 中 el-tree有v-model吗?
时间: 2023-06-20 17:07:02 浏览: 137
Element-ui el-tree新增和删除节点后如何刷新tree的实例
是的,`el-tree`组件在`element-plus`中也有 `v-model`属性,用于双向绑定选中的节点。可以通过设置`v-model`来控制选中的节点,也可以通过监听`@update:modelValue`事件来获取当前选中的节点。下面是一个示例代码:
```html
<template>
<el-tree
:data="data"
show-checkbox
:props="defaultProps"
v-model="checkedKeys"
@check-change="handleCheckChange"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: "Node 1",
children: [
{
id: 2,
label: "Node 1-1",
},
{
id: 3,
label: "Node 1-2",
},
],
},
{
id: 4,
label: "Node 2",
},
],
checkedKeys: [],
defaultProps: {
children: "children",
label: "label",
},
};
},
methods: {
handleCheckChange(checkedKeys) {
console.log(checkedKeys);
},
},
};
</script>
```
在上面的代码中,我们使用了 `v-model="checkedKeys"` 来双向绑定选中的节点,同时还监听了 `@check-change` 事件来获取选中节点的变化。
阅读全文