update

examples/routers/cascader.vue

@@ -1,61 +1,117 @@
 <template>
-    <Cascader :data="data4" :load-data="loadData"></Cascader>
+    <div style="margin: 100px;width: 200px;">
+        {{ value }}
+        <Cascader v-model="value" :data="data" change-on-select></Cascader>
+        <Button @click="change">change</Button>
+    </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                data4: [
+                value: [],
-                    {
+                data: [{
                     value: 'beijing',
                     label: '北京',
-                        children: [],
+                    children: [
-                        loading: false
+                        {
+                            value: 'gugong',
+                            label: '故宫'
                         },
                         {
-                        value: 'hangzhou',
+                            value: 'tiantan',
-                        label: '杭州',
+                            label: '天坛'
-                        children: [],
+                        },
-                        loading:false
+                        {
+                            value: 'wangfujing',
+                            label: '王府井'
+                        }
+                    ]
+                }, {
+                    value: 'jiangsu',
+                    label: '江苏',
+                    children: [
+                        {
+                            value: 'nanjing',
+                            label: '南京',
+                            children: [
+                                {
+                                    value: 'fuzimiao',
+                                    label: '夫子庙',
+                                }
+                            ]
+                        },
+                        {
+                            value: 'suzhou',
+                            label: '苏州',
+                            children: [
+                                {
+                                    value: 'zhuozhengyuan',
+                                    label: '拙政园',
+                                },
+                                {
+                                    value: 'shizilin',
+                                    label: '狮子林',
                                 }
                             ]
                         }
+                    ],
+                }]
+            }
         },
         methods: {
-            loadData (item, callback) {
+            change () {
-                item.loading = true;
+                this.data = [{
-                setTimeout(() => {
+                    value: 'beijing2',
-                    console.log(1)
+                    label: '北京',
-                    if (item.value === 'beijing') {
+                    children: [
-                        item.children = [
-//                            {
-//                                value: 'talkingdata',
-//                                label: 'TalkingData'
-//                            },
-//                            {
-//                                value: 'baidu',
-//                                label: '百度'
-//                            },
-//                            {
-//                                value: 'sina',
-//                                label: '新浪'
-//                            }
-                        ];
-                    } else if (item.value === 'hangzhou') {
-                        item.children = [
                         {
-                                value: 'ali',
+                            value: 'gugong2',
-                                label: '阿里巴巴'
+                            label: '故宫'
                         },
                         {
-                                value: '163',
+                            value: 'tiantan2',
-                                label: '网易'
+                            label: '天坛'
+                        },
+                        {
+                            value: 'wangfujing2',
+                            label: '王府井'
                         }
-                        ];
+                    ]
+                }, {
+                    value: 'jiangsu2',
+                    label: '江苏',
+                    children: [
+                        {
+                            value: 'nanjing2',
+                            label: '南京',
+                            children: [
+                                {
+                                    value: 'fuzimiao2',
+                                    label: '夫子庙',
                                 }
-                    item.loading = false;
+                            ]
-                    callback();
+                        },
-                }, 1000);
+                        {
+                            value: 'suzhou2',
+                            label: '苏州',
+                            children: [
+                                {
+                                    value: 'zhuozhengyuan2',
+                                    label: '拙政园',
+                                },
+                                {
+                                    value: 'shizilin2',
+                                    label: '狮子林',
+                                }
+                            ]
+                        }
+                    ],
+                }];
+
+                this.$nextTick(() => {
+                    this.value = ['beijing2', 'tiantan2'];
+                });
             }
         }
     }