Commit f363071873c408368e2cd6afc784c3950f963081

Authored by Aresn
Committed by GitHub
2 parents 64f99c05 67ab8910

Merge pull request #801 from lcx960324/2.0

new feature: @on-toggle-expand on Tree
examples/routers/tree.vue
1 1 <template>
2   - <Tree :data="baseData" show-checkbox @on-check-change="handleChange" ></Tree>
  2 + <Tree :data="baseData" show-checkbox @on-check-change="handleChange" @on-toggle-expand="showExpand"></Tree>
3 3 </template>
4 4 <script>
5 5 export default {
... ... @@ -47,6 +47,9 @@
47 47 },
48 48 handleChange () {
49 49 console.log(1)
  50 + },
  51 + showExpand (payload) {
  52 + console.log(payload)
50 53 }
51 54 },
52 55 mounted () {
... ...
src/components/tree/node.vue
... ... @@ -98,6 +98,7 @@
98 98 handleExpand () {
99 99 if (this.data.disabled) return;
100 100 this.$set(this.data, 'expand', !this.data.expand);
  101 + this.dispatch('Tree', 'toggle-expand', this.data);
101 102 },
102 103 handleSelect () {
103 104 if (this.data.disabled) return;
... ...
src/components/tree/tree.vue
... ... @@ -102,7 +102,6 @@
102 102 },
103 103 mounted () {
104 104 this.updateData();
105   -
106 105 this.$on('selected', ori => {
107 106 const nodes = findComponentsDownward(this, 'TreeNode');
108 107 nodes.forEach(node => {
... ... @@ -119,6 +118,9 @@
119 118 this.$on('on-checked', () => {
120 119 this.$emit('on-check-change', this.getCheckedNodes());
121 120 });
  121 + this.$on('toggle-expand', (payload) => {
  122 + this.$emit('on-toggle-expand', payload);
  123 + });
122 124 },
123 125 watch: {
124 126 data () {
... ...