This commit is contained in:
youxingzhi
2020-05-30 22:12:00 +08:00
parent ccb1067713
commit d5dd9b88c9
2 changed files with 14 additions and 7 deletions

View File

@@ -31,7 +31,12 @@
</template>
<template v-slot:treeNodeIcon="slotProps">
<span class="icon">
{{ (slotProps.model.children && slotProps.model.children.length > 0 && !slotProps.expanded) ? '🌲' : '' }}</span>
{{
slotProps.model.children && slotProps.model.children.length > 0 && !slotProps.expanded
? '🌲'
: ''
}}</span
>
</template>
</vue-tree-list>
<button @click="getNewTree">Get new tree</button>
@@ -42,7 +47,7 @@
</div>
</template>
<script>
import {VueTreeList, Tree, TreeNode} from '../src'
import { VueTreeList, Tree, TreeNode } from '../src'
export default {
components: {
VueTreeList
@@ -105,23 +110,23 @@ export default {
console.log(params)
},
drop: function({node, src, target}) {
drop: function({ node, src, target }) {
// eslint-disable-next-line no-console
console.log('drop', node, src, target)
},
dropBefore: function({node, src, target}) {
dropBefore: function({ node, src, target }) {
// eslint-disable-next-line no-console
console.log('drop-before', node, src, target)
},
dropAfter: function({node, src, target}) {
dropAfter: function({ node, src, target }) {
// eslint-disable-next-line no-console
console.log('drop-after', node, src, target)
},
addNode() {
var node = new TreeNode({name: 'new node', isLeaf: false})
var node = new TreeNode({ name: 'new node', isLeaf: false })
if (!this.data.children) this.data.children = []
this.data.addChildren(node)
},