el-tree 设置默认选中不起作用

 


1、原因

先初始化了选中得keys ,后期初始化得树节点无法被设置

2、代码

    <el-tree
        :data="data"
        show-checkbox
        node-key="id"
        :default-checked-keys="selectedArr"       
        @check-change="handleCheckChange"
      >
      </el-tree>
复制代码
  data() {
    return {
      data: [],
      selectedArr:[],
    };
  },
  methods: {
    handleCheckChange(data, checked, indeterminate) {
      showPointLayer(data.id, checked);
    },
    async initTreeNodes() {
      const { data: res } = await getLayerTreeNodes(); 
      if (res.result.length > 0) {
        this.data.push({
          label: "图层树",
          id: '99',
          children: res.result,
        });
      }

    },
  },
  mounted() {
    //树绑定完数据之后 再初始化选中得数组
    this.initTreeNodes().then(()=>{
        this.selectedArr=   this.data[0].children.map(o=>{
        return o.id
      }) 
    });
  },
};
复制代码

 

posted @   小七要走  阅读(2999)  评论(0编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示