element-ui树节点默认选中

最新推荐文章于 2024-08-12 15:10:04 发布

SuperArc1999

最新推荐文章于 2024-08-12 15:10:04 发布

阅读量2.6k

点赞数

分类专栏：笔记 vue 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/superarc1999/article/details/123418255

版权

本文详细介绍了如何在Element UI框架中，使用vue.js和javascript技术，设置并实现树形组件（Tree）的节点默认选中状态。通过理解组件属性和方法，你可以轻松地为你的应用定制交互体验。

摘要由CSDN通过智能技术生成

<el-tree
            empty-text="暂无组织"
            :data="dptLists" #列表数据
            node-key="dptId" #为查询出来的列表中的属性字段
            :current-node-key="currentLivingId"
            :default-expand-all="true"
            :expand-on-click-node="false"
            :props="defaultProps" #节点配置
            @check-on-click-node="true"
            :highlight-current="true" #高亮显示
            ref="dptTree"
            :default-checked-keys="[1]"  #默认选中的节点
            @node-click="selectEmployees" #点击节点触发的函数
          ></el-tree>

data(){
    return{
        currentLivingId: 0,
        defaultProps: {
            children: "childrenList",
            label: "dptName"
        },
    }
}