diff --git a/src/components/cascader/cascader.vue b/src/components/cascader/cascader.vue
index 1c35040c..ba3090c0 100644
--- a/src/components/cascader/cascader.vue
+++ b/src/components/cascader/cascader.vue
@@ -177,6 +177,9 @@
                         this.updateSelected();
                     }
                 }
+            },
+            value () {
+                this.updateSelected();
             }
         }
     }
diff --git a/test/routers/cascader.vue b/test/routers/cascader.vue
index c2c3bd58..b0c62e25 100644
--- a/test/routers/cascader.vue
+++ b/test/routers/cascader.vue
@@ -1,14 +1,10 @@
 <template>
-    <div style="width: 150px;margin:100px">
-        <Cascader :data="data" :value.sync="value1"></Cascader>
-    </div>
-
+    <Cascader :data="data" change-on-select></Cascader>
 </template>
 <script>
     export default {
         data () {
             return {
-                value1: [],
                 data: [{
                     value: 'beijing',
                     label: '北京',