From 48af13599c9ab5e1cb21f3342e87793b5a173f35 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= Date: Sat, 1 Apr 2017 10:22:34 +0800 Subject: [PATCH] fixed #553 --- examples/routers/cascader.vue | 99 ++++++++++++++-------------- src/components/cascader/cascader.vue | 3 + 2 files changed, 54 insertions(+), 48 deletions(-) diff --git a/examples/routers/cascader.vue b/examples/routers/cascader.vue index a70e831f..c1517c1b 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: '狮子林', + } + ] + } + ], + }] } } diff --git a/src/components/cascader/cascader.vue b/src/components/cascader/cascader.vue index 7c0b867b..b58bc712 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()); } } };