diff --git a/examples/routers/auto-complete.vue b/examples/routers/auto-complete.vue
index a7f39557..0ecd673f 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" icon="ios-search" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm">
+        <AutoComplete placement="top" 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 4989ccca..de09b85d 100644
--- a/src/components/auto-complete/auto-complete.vue
+++ b/src/components/auto-complete/auto-complete.vue
@@ -7,6 +7,7 @@
         :clearable="clearable"
         :placeholder="placeholder"
         :size="size"
+        :placement="placement"
         filterable
         remote
         auto-complete
@@ -80,6 +81,12 @@
                 type: [Function, Boolean],
                 default: false
             },
+            placement: {
+                validator (value) {
+                    return oneOf(value, ['top', 'bottom']);
+                },
+                default: 'bottom'
+            },
             transfer: {
                 type: Boolean,
                 default: false