fixed #1728

examples/routers/cascader.vue

@@ -1,15 +1,13 @@
 <template>
-    <div style="margin: 100px;width: 200px;">
-        {{ value }}
-        <Cascader v-model="value" :data="data" change-on-select></Cascader>
-        <Button @click="change">change</Button>
+    <div style="width: 200px;margin: 100px;">
+        <Cascader :data="data" v-model="value1"></Cascader>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                value: [],
+                value1: [],
                 data: [{
                     value: 'beijing',
                     label: '北京',
@@ -58,61 +56,6 @@
                     ],
                 }]
             }
-        },
-        methods: {
-            change () {
-                this.data = [{
-                    value: 'beijing2',
-                    label: '北京',
-                    children: [
-                        {
-                            value: 'gugong2',
-                            label: '故宫'
-                        },
-                        {
-                            value: 'tiantan2',
-                            label: '天坛'
-                        },
-                        {
-                            value: 'wangfujing2',
-                            label: '王府井'
-                        }
-                    ]
-                }, {
-                    value: 'jiangsu2',
-                    label: '江苏',
-                    children: [
-                        {
-                            value: 'nanjing2',
-                            label: '南京',
-                            children: [
-                                {
-                                    value: 'fuzimiao2',
-                                    label: '夫子庙',
-                                }
-                            ]
-                        },
-                        {
-                            value: 'suzhou2',
-                            label: '苏州',
-                            children: [
-                                {
-                                    value: 'zhuozhengyuan2',
-                                    label: '拙政园',
-                                },
-                                {
-                                    value: 'shizilin2',
-                                    label: '狮子林',
-                                }
-                            ]
-                        }
-                    ],
-                }];
-
-                this.$nextTick(() => {
-                    this.value = ['beijing2', 'tiantan2'];
-                });
-            }
         }
     }
 </script>

src/styles/components/cascader.less

@@ -149,6 +149,18 @@
     .ivu-select-item span{
         color: @error-color;
     }
+    .@{cascader-prefix-cls} {
+        &-menu{
+            &-item{
+                padding-right: 24px;
+                transition: all @transition-time @ease-in-out;
+                &-active{
+                    background-color: @background-color-select-hover;
+                    color: @primary-color;
+                }
+            }
+        }
+    }
 }
 
 .@{form-item-prefix-cls}-error{