diff --git a/examples/routers/cascader.vue b/examples/routers/cascader.vue index a70e831..c1517c1 100644 --- a/examples/routers/cascader.vue +++ b/examples/routers/cascader.vue @@ -79,60 +79,63 @@ export default { data () { return { - value2: [], - data: [{ - value: 'beijing', - label: '北京', - children: [ - { - value: 'gugong', - label: '故宫' - }, - { - value: 'tiantan', - label: '天坛' - }, - { - value: 'wangfujing', - label: '王府井' - } - ] - }, { - value: 'jiangsu', - label: '江苏', - children: [ - { - value: 'nanjing', - label: '南京', - children: [ - { - value: 'fuzimiao', - label: '夫子庙', - } - ] - }, - { - value: 'suzhou', - label: '苏州', - children: [ - { - value: 'zhuozhengyuan', - label: '拙政园', - }, - { - value: 'shizilin', - label: '狮子林', - } - ] - } - ], - }] + value2: ['beijing', 'gugong'], + data: [] } }, methods: { c () { this.value2 = [] } + }, + mounted () { + this.data = [{ + value: 'beijing', + label: '北京', + children: [ + { + value: 'gugong', + label: '故宫' + }, + { + value: 'tiantan', + label: '天坛' + }, + { + value: 'wangfujing', + label: '王府井' + } + ] + }, { + value: 'jiangsu', + label: '江苏', + children: [ + { + value: 'nanjing', + label: '南京', + children: [ + { + value: 'fuzimiao', + label: '夫子庙', + } + ] + }, + { + value: 'suzhou', + label: '苏州', + children: [ + { + value: 'zhuozhengyuan', + label: '拙政园', + }, + { + value: 'shizilin', + label: '狮子林', + } + ] + } + ], + }] } } </script> diff --git a/src/components/cascader/cascader.vue b/src/components/cascader/cascader.vue index 7c0b867..b58bc71 100644 --- a/src/components/cascader/cascader.vue +++ b/src/components/cascader/cascader.vue @@ -219,6 +219,9 @@ return; } this.updateSelected(true); + }, + data () { + this.$nextTick(() => this.updateSelected()); } } }; -- libgit2 0.21.4