el-tree设置节点默认选中并高亮效果

javascript 复制代码
 <el-tree
        ref="tree"
        default-expand-all
        highlight-current
        check-on-click-node
        node-key="id"
        :data="treeData"
        :props="defaultProps"
        @node-click="nodeClick"
      >
      </el-tree>

  treeData: [],
      defaultProps: {
        children: "children",
        label: "columnName",
      },

      treeData: [],


    async getTree() {
      let obj = {};
      await columnList()
        .then((res) => {
          if (res.data && res.data.length > 0) {
            this.treeData = handleTree(res.data, "id");
            obj = this.treeData[0];
            this.$nextTick(() => {
              // todo 在这里设置
              this.$refs.tree.setCurrentKey(this.treeData[0].children[1].id)
            })
          } else {
            this.treeData = [];
            obj = {};
          }
          console.log("this.treeData", this.treeData)
        })
        .finally(() => {
          console.log(obj);
          this.nodeClick(obj);
        });
    },


  created() {
    this.getTree();
  },
javascript 复制代码
  // 设置首行高亮效果
  this.$refs.tree.setCurrentKey(this.treeData[0].id)
相关推荐
青茶3601 分钟前
php怎么实现订单接口状态轮询请求
前端·javascript·php
火车叼位26 分钟前
脚本伪装:让 Python 与 Node.js 像原生 Shell 命令一样运行
运维·javascript·python
VT.馒头27 分钟前
【力扣】2727. 判断对象是否为空
javascript·数据结构·算法·leetcode·职场和发展
鹏北海27 分钟前
micro-app 微前端项目部署指南
前端·nginx·微服务
发现一只大呆瓜30 分钟前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
css趣多多34 分钟前
add组件增删改的表单处理
java·服务器·前端
证榜样呀39 分钟前
2026 大专计算机专业必考证书推荐什么
大数据·前端
蓝帆傲亦1 小时前
前端性能极速优化完全指南:从加载秒开体验到丝滑交互
前端·交互
鱼毓屿御1 小时前
如何给用户添加权限
前端·javascript·vue.js
JustHappy1 小时前
「web extensions🛠️」有关浏览器扩展,开发前你需要知道一些......
前端·javascript·开源