drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Tree demo

Browse source
This commit is contained in:
梁灏 2017-10-23 11:55:35 +08:00
parent 0e31618388
commit 6ed0cd7377
1 changed files with 33 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
examples/routers/tree.vue
View file

@ -1,48 +1,42 @@
<template>
<Tree :data="db" show-checkbox></Tree>
<div>
<Tree :data="baseData" show-checkbox></Tree>
<Button @click="handleAdd">add</Button>
<Button @click="handleUpdate">update</Button>
</div>
</template>
<script>
export default {
data () {
return {
db:[
baseData: [
{
title: '父级',
checked: false,
expand: true,
title: 'parent 1',
children: [
{
title: '孩子',
checked: false,
title: 'parent 1-0',
expand: true,
disabled: true,
children: [
{
title: '孙子',
checked: true
title: 'leaf',
disableCheckbox: true
},
{
title: '孙子',
checked: false,
children: [
{
title: '曾孙',
checked: false
}
]
title: 'leaf',
}
]
}
]
},
{
title: '其他',
checked: false,
children: [
{
title: '其他孩子',
checked: true
},
{
title: '其他孩子2',
checked: true
title: 'parent 1-1',
expand: true,
checked: true,
children: [
{
title: '<span style="color: red">leaf</span>',
}
]
}
]
}
@ -50,10 +44,17 @@
}
},
methods: {
},
mounted () {
handleAdd () {
this.baseData.push(
{
title: 'test name',
checked: true
}
)
},
handleUpdate () {
this.$set(this.baseData[0].children[0], 'disabled', false);
}
}
}
</script>