el-tree 默认展开第一级节点

郑源龙

5597人浏览 · 2022-12-28 15:42:10

郑源龙 · 2022-12-28 15:42:10 发布

绑定node-key = 'id' 数据的唯一标识然后这个default-expanded-kets 里面直接绑定数组数据的第一个id 直接使用[sectionDept[0].id] 会报错

<el-tree

:data="sectionDept"

:props="defaultProps"

node-key="id"

:default-expanded-keys="sectionDept[0] && [sectionDept[0].id]"

@node-click="handleNodeClick"

></el-tree>

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport