Merge pull request Tencent#103 from Godlike-meteor/develop

fix(tree-select): fix data lazy load bug
mokywu · Dec 26, 2021 · ffc6e45 · ffc6e45
2 parents 5e014f8 + 297917e
commit ffc6e45
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/tree-select/tree-select.tsx b/src/tree-select/tree-select.tsx
@@ -51,6 +51,7 @@ export default mixins(getConfigReceiverMixins<Vue, TreeSelectConfig>('treeSelect
       actived: [],
       expanded: [],
       nodeInfo: null,
+      treeKey: 0,
     };
   },
   watch: {
@@ -60,6 +61,10 @@ export default mixins(getConfigReceiverMixins<Vue, TreeSelectConfig>('treeSelect
         this.actived = this.nodeInfo ? [this.nodeInfo.value] : [];
       }
     },
+    async data() {
+      await this.changeNodeInfo();
+      this.treeRerender();
+    },
   },
   computed: {
     classes(): ClassName {
@@ -340,16 +345,20 @@ export default mixins(getConfigReceiverMixins<Vue, TreeSelectConfig>('treeSelect
         this.nodeInfo = null;
       }
     },
+    treeRerender() {
+      this.treeKey += 1;
+    },
   },
   render(): VNode {
     const {
-      treeProps, popupObject, classes, popupClass,
+      treeProps, popupObject, classes, popupClass, treeKey,
     } = this;
     const iconStyle = { 'font-size': this.size };
     const treeItem = (
       <Tree
         ref="tree"
         v-show={this.showTree}
+        key={treeKey}
         value={this.checked}
         hover
         data={this.data}