diff --git a/examples/routers/auto-complete.vue b/examples/routers/auto-complete.vue
index 46aeb306..a7f39557 100644
--- a/examples/routers/auto-complete.vue
+++ b/examples/routers/auto-complete.vue
@@ -1,6 +1,6 @@
 <template>
     <div style="margin: 100px;width: 200px;">
-        <AutoComplete transfer v-model="value" clearable icon="ios-search" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm">
+        <AutoComplete transfer v-model="value" icon="ios-search" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm">
             <!--<Option v-for="item in data" :value="item" :label="item" :key="item">-->
                 <!--<span style="color: red">{{ item }}</span>-->
             <!--</Option>-->
diff --git a/src/components/auto-complete/auto-complete.vue b/src/components/auto-complete/auto-complete.vue
index 68db220d..7665fd76 100644
--- a/src/components/auto-complete/auto-complete.vue
+++ b/src/components/auto-complete/auto-complete.vue
@@ -140,6 +140,7 @@
                 this.$refs.select.visible = false;
             },
             handleClear () {
+                if (!this.clearable) return;
                 this.currentValue = '';
                 this.$refs.select.model = '';
             }