1. Explain the necessity of adding node-key in virtual scrolling;

2. Optimize the rendering problem when dom is reused

Author: wuchao

README.md

@@ -78,6 +78,8 @@ export default {
 
 ## Usage:
 
+:warning: When using virtual scrolling, `node-key` must be set
+
 ```html
 <template>
   <div class="ve-tree" style="height:calc(100vh - 20px)">

README.zh-CN.md

@@ -78,6 +78,8 @@ export default {
 
 ## 使用:
 
+:warning: 在使用虚拟滚动时，必须设置 `node-key`。
+
 ```html
 <template>
   <div class="ve-tree" style="height:calc(100vh - 20px)">

package.json

@@ -1,10 +1,10 @@
 {
     "name": "@wchbrad/vue-easy-tree",
     "description": "A Vue.js project",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "author": "wchbrad <[email protected]>",
     "license": "MIT",
-    "private": false,
+    "private": true,
     "main": "./dist/vue-easy-tree.js",
     "keywords": [
         "virtual",

src/components/ve-tree.vue

@@ -235,7 +235,9 @@ export default {
       return treeData.reduce((smoothArr, data) => {
         if (data.visible) {
           // Mark different types to avoid being optimized out when assembled into the same dom
-          data.type = `${data.level}-${data.expanded}-${data.checked}`;
+          data.type = this.showCheckbox
+            ? `${data.level}-${data.checked}-${data.indeterminate}`
+            : `${data.level}-${data.expanded}`;
           smoothArr.push(data);
         }
         if (data.expanded && data.childNodes.length) {