vue element-ui tree 根節點固定子節點懶加載 首次加載根節點並展開

關鍵代碼:javascript

  <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 {
        ...
        }
}    
相關文章
相關標籤/搜索