diff --git a/examples/routers/cascader.vue b/examples/routers/cascader.vue
index 595d3672..a70e831f 100644
--- a/examples/routers/cascader.vue
+++ b/examples/routers/cascader.vue
@@ -70,9 +70,9 @@
 
 <template>
     <div>
-        <Cascader :data="data" v-model="value2" change-on-select></Cascader>
+        <Cascader :data="data" v-model="value2"></Cascader>
         {{ value2 }}
-        <div @click="c">change</div>
+        <Button @click="c">clear</Button>
     </div>
 </template>
 <script>
@@ -131,7 +131,7 @@
         },
         methods: {
             c () {
-                this.value2 = ['jiangsu', 'suzhou', 'zhuozhengyuan']
+                this.value2 = []
             }
         }
     }
diff --git a/src/components/cascader/cascader.vue b/src/components/cascader/cascader.vue
index 862b6f1b..c457a41a 100644
--- a/src/components/cascader/cascader.vue
+++ b/src/components/cascader/cascader.vue
@@ -208,6 +208,7 @@
             },
             value (val) {
                 this.currentValue = val;
+                if (!val.length) this.selected = [];
             },
             currentValue () {
                 this.$emit('input', this.currentValue);