vue element-ui tree 根节点固定子节点懒加载 首次加载根节点并展开

关键代码:

  <el-tree ref="foldTree" node-key="id" :highlight-current="true" :props="defaultProps" lazy :load="handLoadNode" @node-click="handleNodeClick" />

  

 

data() {
    return {
      CurrentNode: null,
      CurrentNodeResolve: null,
      RootNode: { id: "000", Name: "根目录", Path: "" },
    }
  },

  

mounted() {
    var _rNode = this.CurrentNode.childNodes[0];
    _rNode.checked = true;
    _rNode.expanded = true;
    _rNode.loadData();
  }

  

 handLoadNode(node, resolve) {
      this.CurrentNodeResolve = resolve;
      this.CurrentNode = node;
      if (node.level === 0) {
        return resolve([this.RootNode]);
      } else {
        ...
        }
}    

  

转载于:https://www.cnblogs.com/yesicoo/p/11002638.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值