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