Merge pull request #15 from ParadeTo/fix-issue#11

Fix issue#11

dev/App.vue

@@ -1,7 +1,13 @@
 <template>
     <div>
         <button @click="addNode">Add Node</button>
-        <vue-tree-list @click="onClick" :model="data" default-tree-node-name="new node" default-leaf-node-name="new leaf"></vue-tree-list>
+        <vue-tree-list
+          @click="onClick"
+          :model="data"
+          default-tree-node-name="new node"
+          default-leaf-node-name="new leaf"
+          v-bind:default-expanded="false">
+        </vue-tree-list>
         <button @click="getNewTree">Get new tree</button>
         <pre>
           {{newTree}}

readme.md

@@ -99,6 +99,10 @@ export default {
 
 Default name for new leafnode.
 
+**default-expanded**
+
+Default node is expanded or not.
+
 # events
 **click**
 

src/VueTreeList.vue

@@ -69,10 +69,11 @@
         @dragleave="dragLeaveBottom"></div>
     </div>
 
-    <div :class="{'vtl-tree-margin': model.name !== 'root'}" v-show="expanded" v-if="isFolder">
+    <div :class="{'vtl-tree-margin': model.name !== 'root'}" v-show="model.name === 'root' || expanded" v-if="isFolder">
       <item v-for="model in model.children"
         :default-tree-node-name="defaultTreeNodeName"
         :default-leaf-node-name="defaultLeafNodeName"
+        v-bind:default-expanded="defaultExpanded"
         :model="model"
         :key='model.id'>
       </item>
@@ -94,7 +95,7 @@
         isDragEnterUp: false,
         isDragEnterBottom: false,
         isDragEnterNode: false,
-        expanded: true
+        expanded: this.defaultExpanded
       }
     },
     props: {
@@ -108,6 +109,10 @@
       defaultTreeNodeName: {
         type: String,
         default: 'New tree node'
+      },
+      defaultExpanded: {
+        type: Boolean,
+        default: true
       }
     },
     computed: {