diff --git a/packages/cascader/src/cascader.vue b/packages/cascader/src/cascader.vue
index 0aad54baf1e..4a1d6b3293e 100644
--- a/packages/cascader/src/cascader.vue
+++ b/packages/cascader/src/cascader.vue
@@ -56,6 +56,7 @@
       </el-tag>
       <input
         v-if="filterable && !isDisabled"
+        ref="inputSearch"
         v-model.trim="inputValue"
         type="text"
         class="el-cascader__search-input"
@@ -314,6 +315,14 @@ export default {
       const { value, dropDownVisible } = this;
       const { checkStrictly, multiple } = this.config;
 
+      if (this.filterable) {
+        this.inputValue = '';
+        this.getSuggestions();
+        if (this.multiple) {
+          this.$refs.inputSearch.focus();
+        }
+      }
+
       if (!isEqual(val, value) || isUndefined(value)) {
         this.computePresentContent();
         // hide dropdown when single mode