From 53a6915a943011be65074314aefd94e06f21aa03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Wed, 9 Aug 2017 16:45:22 +0800
Subject: [PATCH] fixed Cascader bug

---
 examples/routers/cascader.vue        | 103 ++++++++++++++-------------
 src/components/cascader/caspanel.vue |   4 +-
 2 files changed, 55 insertions(+), 52 deletions(-)

diff --git a/examples/routers/cascader.vue b/examples/routers/cascader.vue
index 37f99c5a..31688741 100644
--- a/examples/routers/cascader.vue
+++ b/examples/routers/cascader.vue
@@ -1,60 +1,61 @@
 <template>
-    <div style="margin: 100px;width: 200px;">
-        <Cascader :data="data" v-model="value1" change-on-select></Cascader>
-    </div>
+    <Cascader :data="data4" :load-data="loadData"></Cascader>
 </template>
 <script>
     export default {
         data () {
             return {
-                value1: [],
-                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: '狮子林',
-                                }
-                            ]
-                        }
-                    ],
-                }]
+                data4: [
+                    {
+                        value: 'beijing',
+                        label: '北京',
+                        children: [],
+                        loading: false
+                    },
+                    {
+                        value: 'hangzhou',
+                        label: '杭州',
+                        children: [],
+                        loading:false
+                    }
+                ]
+            }
+        },
+        methods: {
+            loadData (item, callback) {
+                item.loading = true;
+                setTimeout(() => {
+                    console.log(1)
+                    if (item.value === 'beijing') {
+                        item.children = [
+//                            {
+//                                value: 'talkingdata',
+//                                label: 'TalkingData'
+//                            },
+//                            {
+//                                value: 'baidu',
+//                                label: '百度'
+//                            },
+//                            {
+//                                value: 'sina',
+//                                label: '新浪'
+//                            }
+                        ];
+                    } else if (item.value === 'hangzhou') {
+                        item.children = [
+                            {
+                                value: 'ali',
+                                label: '阿里巴巴'
+                            },
+                            {
+                                value: '163',
+                                label: '网易'
+                            }
+                        ];
+                    }
+                    item.loading = false;
+                    callback();
+                }, 1000);
             }
         }
     }
diff --git a/src/components/cascader/caspanel.vue b/src/components/cascader/caspanel.vue
index 334252b5..013e5bab 100644
--- a/src/components/cascader/caspanel.vue
+++ b/src/components/cascader/caspanel.vue
@@ -67,7 +67,9 @@
                             if (fromUser) {
                                 cascader.isLoadedChildren = true;
                             }
-                            this.handleTriggerItem(item);
+                            if (item.children.length) {
+                                this.handleTriggerItem(item);
+                            }
                         });
                         return;
                     }