diff --git a/examples/routers/auto-complete.vue b/examples/routers/auto-complete.vue index e1a1235..46aeb30 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" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm"> + <AutoComplete transfer v-model="value" clearable 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 4475092..68db220 100644 --- a/src/components/auto-complete/auto-complete.vue +++ b/src/components/auto-complete/auto-complete.vue @@ -21,7 +21,7 @@ :placeholder="placeholder" :disabled="disabled" :size="size" - :icon="closeIcon" + :icon="inputIcon" @on-click="handleClear" @on-focus="handleFocus" @on-blur="handleBlur"></i-input> @@ -71,6 +71,9 @@ return oneOf(value, ['small', 'large', 'default']); } }, + icon: { + type: String + }, filterMethod: { type: [Function, Boolean], default: false @@ -87,8 +90,14 @@ }; }, computed: { - closeIcon () { - return this.clearable && this.currentValue ? 'ios-close' : ''; + inputIcon () { + let icon = ''; + if (this.clearable && this.currentValue) { + icon = 'ios-close'; + } else if (this.icon) { + icon = this.icon; + } + return icon; }, filteredData () { if (this.filterMethod) { -- libgit2 0.21.4