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

<el-tree
          ref="nodeTree"
          node-key="id"
          :data="treeData"
          :props="defaultProps"
          @node-click="handleNodeClick"
        >
</el-tree>
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
    }
  },
}

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-25 12:22:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-25 12:22:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-25 12:22:01       82 阅读
  4. Python语言-面向对象

    2024-01-25 12:22:01       91 阅读

热门阅读

  1. 美国大带宽服务器租用需要考虑的因素

    2024-01-25 12:22:01       56 阅读
  2. TF-IDF 找出文章关键词

    2024-01-25 12:22:01       44 阅读
  3. openssl3.2/test/certs - 044 - 8192-bit leaf key

    2024-01-25 12:22:01       61 阅读
  4. C_01_include文件有什么妙用

    2024-01-25 12:22:01       48 阅读