vikingowl/vue3-tree-list
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: 🐛 #72

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
dev/App.vue
View File

@@ -31,7 +31,12 @@
</template> </template>
<template v-slot:treeNodeIcon="slotProps"> <template v-slot:treeNodeIcon="slotProps">
<span class="icon"> <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> </template>
</vue-tree-list> </vue-tree-list>
<button @click="getNewTree">Get new tree</button> <button @click="getNewTree">Get new tree</button>

4
src/VueTreeList.vue
View File

@@ -221,7 +221,8 @@ export default {
this.rootNode.$emit('change-name', { this.rootNode.$emit('change-name', {
id: this.model.id, id: this.model.id,
oldName: oldName, oldName: oldName,
newName: e.target.value newName: e.target.value,
node: this.model
}) })
}, },
@@ -295,6 +296,7 @@ export default {
return true return true
}, },
dragEnter() { dragEnter() {
if (!compInOperation) return
if (compInOperation.model.id === this.model.id || !compInOperation || this.model.isLeaf) if (compInOperation.model.id === this.model.id || !compInOperation || this.model.isLeaf)
return return
this.isDragEnterNode = true this.isDragEnterNode = true