This commit is contained in:
Zhiyuan Guo
2018-12-08 14:43:35 +08:00
parent 7bc8a7a17f
commit a815fc658b
3 changed files with 18 additions and 4 deletions

1
.gitignore vendored
View File

@@ -2,3 +2,4 @@ node_modules
npm-debug.log npm-debug.log
.idea .idea
coverage coverage
package-lock.json

View File

@@ -1,7 +1,13 @@
<template> <template>
<div> <div>
<button @click="addNode">Add Node</button> <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> <button @click="getNewTree">Get new tree</button>
<pre> <pre>
{{newTree}} {{newTree}}

View File

@@ -69,10 +69,11 @@
@dragleave="dragLeaveBottom"></div> @dragleave="dragLeaveBottom"></div>
</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" <item v-for="model in model.children"
:default-tree-node-name="defaultTreeNodeName" :default-tree-node-name="defaultTreeNodeName"
:default-leaf-node-name="defaultLeafNodeName" :default-leaf-node-name="defaultLeafNodeName"
v-bind:default-expanded="defaultExpanded"
:model="model" :model="model"
:key='model.id'> :key='model.id'>
</item> </item>
@@ -88,13 +89,14 @@
export default { export default {
data: function () { data: function () {
console.log(11111, this.defaultExpanded)
return { return {
isHover: false, isHover: false,
editable: false, editable: false,
isDragEnterUp: false, isDragEnterUp: false,
isDragEnterBottom: false, isDragEnterBottom: false,
isDragEnterNode: false, isDragEnterNode: false,
expanded: true expanded: this.defaultExpanded
} }
}, },
props: { props: {
@@ -108,6 +110,10 @@
defaultTreeNodeName: { defaultTreeNodeName: {
type: String, type: String,
default: 'New tree node' default: 'New tree node'
},
defaultExpanded: {
type: Boolean,
default: true
} }
}, },
computed: { computed: {
@@ -116,6 +122,7 @@
}, },
caretClass () { caretClass () {
console.log(this.expanded)
return this.expanded ? 'vtl-icon-caret-down' : 'vtl-icon-caret-right' return this.expanded ? 'vtl-icon-caret-down' : 'vtl-icon-caret-right'
}, },