el-tree懒加载默认选中无效？

  • Z时代
  • 2024-03-08
  • 分类：IT

点击编辑打开弹窗，里面的el-tree懒加载想默认选中和打开对应的id，
点击编辑之后用下面的不行：

this.defaultExpandedKeys =[1,111,2];
this.defaultCheckedKeys = [1,111,2];

用下面的可以选中，但是无法自动打开对应选中的，怎么才能默认选中和打开呢

 this.$refs.myTree.setCheckedKeys([1,111,2]);

el-tree懒加载默认选中无效？
下面是我的代码：

        <el-tree ref="myTree" v-if="treeStatus"
          :props="props" 
          :load="loadNode" 
          show-checkbox
          :default-expanded-keys="defaultExpandedKeys"
          :default-checked-keys="defaultCheckedKeys"
          lazy 
          node-key="id"
        >
        </el-tree>
...
 async loadchildnode(node, resolve) {
      console.log("超过二级的", node, node.key);
      let postData = {
        parent: node.key
      }
      const res = await this.$http.menuList(postData,true);
      return resolve(res.data);
    },

回答：

懒加载默认显示的只是第一条父级数据下面不存在子级
如果你默认的是子级数据那肯定不会默认选中

以上是 el-tree懒加载默认选中无效？ 的全部内容， 来源链接： utcz.com/p/933396.html

回到顶部