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
      }) 
    });
  },
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM