el-tree 默认选中第一个节点

html 复制代码
<el-tree
          ref="nodeTree"
          node-key="id"
          :data="treeData"
          :props="defaultProps"
          @node-click="handleNodeClick"
        >
</el-tree>
javascript 复制代码
export default {
  data() {
    return {
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      treeData: [{
          label: '一级 1',
          children: [{
            label: '二级 1-1',
            children: [{
              label: '三级 1-1-1'
            }]
          }]
        }, {
          label: '一级 2',
          children: [{
            label: '二级 2-1',
            children: [{
              label: '三级 2-1-1'
            }]
          }, {
            label: '二级 2-2',
            children: [{
              label: '三级 2-2-1'
            }]
          }]
        }, {
          label: '一级 3',
          children: [{
            label: '二级 3-1',
            children: [{
              label: '三级 3-1-1'
            }]
          }, {
            label: '二级 3-2',
            children: [{
              label: '三级 3-2-1'
            }]
          }]
        }],
    }
  },
  watch: {
    treeData: {
      handler(val) {
        if(val) {
          this.$nextTick(() => {
            document.querySelector('.el-tree-node__content').click()
          })
        }
      },
      immediate: true
    }
  },
}
相关推荐
东东23337 分钟前
GeoJSON 介绍:Web 地图数据的通用语言
前端·javascript·json
Tzarevich37 分钟前
JavaScript 原型链:理解对象继承的核心机制
javascript·promise
亮子AI39 分钟前
【Javascript】jsondiffpatch检测到子节点改变了,父节点会标记为改变吗?
开发语言·前端·javascript
T___T1 小时前
写着写着,就踩进了 JavaScript 的小坑
前端·javascript·面试
ERP老兵-冷溪虎山1 小时前
Python/JS/Go/Java同步学习(第五十篇半)四语言“path路径详解“对照表: 看完这篇定位文件就通透了(附源码/截图/参数表/避坑指南)
java·javascript·python·golang·中医编程·编程四语言同步学·path路径详解
独角仙梦境1 小时前
同事:架构太复杂了,源码文件找半天。 我:源码溯源了解一下?
前端·vue.js
顾安r1 小时前
11.29 脚本游戏 单页面格斗游戏模板
前端·javascript·css·游戏·virtualenv
我叫张小白。1 小时前
Vue3 路由:单页面应用的核心引擎
前端·javascript·vue.js·前端框架·vue3
天空陪伴星辰a2 小时前
表单校验问题
前端·javascript·表单校验
鱼鱼块2 小时前
《最小栈的巧妙设计:用辅助栈实现 O(1) 获取最小值》
javascript·算法·面试