blog

要素ツリー遅延ロード更新問題

elementui tree lazy loading refresh problem el-tree lazy loading problem elementUi el-tree lazy load...

Mar 21, 2020 · 1 min. read
Share this

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);//遅延ロード・メソッドを再度実行する
	}
Read next

vue親子コンポーネント・スタイルの浸透

間違っている場合は、訂正してください。

Mar 21, 2020 · 1 min read