el-tree 的lazy属性为false时触发load方法
时间: 2024-03-09 15:50:46 浏览: 71
El-Tree是一个基于Element UI的树形组件,lazy属性是指是否启用懒加载,如果设置为false,则表示不启用懒加载,即默认全部展开,load方法不会被触发。如果想要在lazy属性为false时触发load方法,可以通过在mounted钩子函数中手动调用load方法来实现。具体代码如下:
```javascript
<el-tree :data="data" :lazy="false" ref="tree"></el-tree>
<script>
export default {
mounted() {
this.$refs.tree.load(this.data);
},
data() {
return {
data: [
{
label: '一级 1',
children: [
{
label: '二级 1-1',
children: [
{
label: '三级 1-1-1'
},
{
label: '三级 1-1-2'
}
]
},
{
label: '二级 1-2'
}
]
}
]
};
}
};
</script>
```
在mounted钩子函数中,通过this.$refs.tree.load(this.data)手动调用load方法,将树的数据传递进去,这样就可以在lazy属性为false时触发load方法了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)