Commit 96c0c8ae9799fa4e15d8790819fb443944410754
1 parent
bb49347b
fixed #2803
Showing
2 changed files
with
8 additions
and
1 deletions
Show diff stats
examples/routers/auto-complete.vue
1 | <template> | 1 | <template> |
2 | <div style="margin: 100px;width: 200px;"> | 2 | <div style="margin: 100px;width: 200px;"> |
3 | - <AutoComplete transfer v-model="value" icon="ios-search" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm"> | 3 | + <AutoComplete placement="top" transfer v-model="value" icon="ios-search" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm"> |
4 | <!--<Option v-for="item in data" :value="item" :label="item" :key="item">--> | 4 | <!--<Option v-for="item in data" :value="item" :label="item" :key="item">--> |
5 | <!--<span style="color: red">{{ item }}</span>--> | 5 | <!--<span style="color: red">{{ item }}</span>--> |
6 | <!--</Option>--> | 6 | <!--</Option>--> |
src/components/auto-complete/auto-complete.vue
@@ -7,6 +7,7 @@ | @@ -7,6 +7,7 @@ | ||
7 | :clearable="clearable" | 7 | :clearable="clearable" |
8 | :placeholder="placeholder" | 8 | :placeholder="placeholder" |
9 | :size="size" | 9 | :size="size" |
10 | + :placement="placement" | ||
10 | filterable | 11 | filterable |
11 | remote | 12 | remote |
12 | auto-complete | 13 | auto-complete |
@@ -80,6 +81,12 @@ | @@ -80,6 +81,12 @@ | ||
80 | type: [Function, Boolean], | 81 | type: [Function, Boolean], |
81 | default: false | 82 | default: false |
82 | }, | 83 | }, |
84 | + placement: { | ||
85 | + validator (value) { | ||
86 | + return oneOf(value, ['top', 'bottom']); | ||
87 | + }, | ||
88 | + default: 'bottom' | ||
89 | + }, | ||
83 | transfer: { | 90 | transfer: { |
84 | type: Boolean, | 91 | type: Boolean, |
85 | default: false | 92 | default: false |