el-treeの遅延読み込み問題 elementUiのel-treeの遅延読み込みを使っていて、読み込みが1回しか行われず、データが更新されてもツリーが更新されないことに気づきました!そこで、簡単に更新する方法を紹介します!
ソリューション
// まず、ルート・ノードを維持します。
loadNode(node, resolve) {
if (node.level === 0) {
this.level0Node = node;//これが鍵だ!dataの中に変数を定義する。.level == 0保存されているノード
this.level0Resolve = resolve;//上記のように、ノード.level == 0resolveも格納される
}
}
新しいデータを要求する場合、2行のコードで十分です。
againNewData() {
this.level0Node.childNodes = [];//保存されているノードの子ノードを空にする。そうしないと、インターフェースが重複したツリーになってしまう!
this.loadNode(this.level0Node, this.level0Resolve);//遅延ロード・メソッドを再度実行する
}