这篇文章主要介绍了vue el-tree 默认展开第一个节点的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vue 的树形控件 el-tree
可以用来方便地实现树形控件,但是本文来源gaodai#ma#com搞@@代~&码网^官方文档中,关于控件的默认展开只有默认展开全部或者默认全部关闭,如下所示:
对于指定节点的展开,需要指定其id,从而通过 default-expanded-keys
设置默认展开的节点。
对于后台返回的数据,默认展开其第一层的第一个,其实很简单:对于获取到的后台数据,将其第一层节点添加到数组中,将 default-expanded-keys
绑定数组,从而设置默认展开的节点。
实际应用:默认展开第一层节点中的第一个节点:
<section> <!-- 机构类型编码表 --> <div class='treeClass'> </div></section>
效果图:
总结
以上就是vue el-tree 默认展开第一个节点的实现代码的详细内容,更多请关注gaodaima搞代码网其它相关文章!