解决element Tree结构设置默认选中无效

最新推荐文章于 2024-09-05 20:10:43 发布

Awkward゛

最新推荐文章于 2024-09-05 20:10:43 发布

阅读量2.2k

点赞数

分类专栏：前端开发文章标签： echarts javascript 前端

本文链接：https://blog.youkuaiyun.com/Developer_ChengC/article/details/121611226

版权

前端开发专栏收录该内容

6 篇文章

订阅专栏

在Vue应用中，遇到树形结构数据加载完成后设置默认选中的问题。通过$nextTick解决异步渲染问题，确保在数据加载完成后设置当前选中节点，并根据选中节点更新相关变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置默认选中在树结构加载完成之前是无效的，使用this.$nextTick 设置

    getTreeList() {
      this.tableColumn = [];
      this.$http.post(`/run-manage/gcjc/dbng/selectSbData`).then((res) => {
        if (res.data.data) {
          this.data = res.data.data[0].children;
          if(this.stringPid){
            this.$nextTick(function() {
              this.$refs.tree.setCurrentKey(this.stringPid);
              let node = this.$refs.tree.getCurrentNode();
              console.log(node);
              if(node.children){
                if(node.children.length>0){
                  this.loadxAir = false;
                  this.yqname = node.children[0].monitoringobjectname;
                  this.monobjectid = node.children[0].id;
                  this.initialEchartDate(this.monobjectid);
                }
              }
            })
          }
        }
      });
    },