| | |
|---|
| | | <input class="uni-combox__input" type="text" :placeholder="placeholder" |
|---|
| | | placeholder-class="uni-combox__input-plac" v-model="inputVal" @input="onInput" @focus="onFocus" |
|---|
| | | @blur="onBlur" /> |
|---|
| | | <uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="toggleSelector"> |
|---|
| | | <uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" @click="onIconClick"> |
|---|
| | | </uni-icons> |
|---|
| | | </view> |
|---|
| | | <view class="uni-combox__selector" v-if="showSelector"> |
|---|
| | |
|---|
| | | toggleSelector() { |
|---|
| | | this.showSelector = !this.showSelector |
|---|
| | | }, |
|---|
| | | onIconClick() { |
|---|
| | | this.showSelector = !this.showSelector |
|---|
| | | this.showSelector ? this.inputVal = '' : ''; |
|---|
| | | }, |
|---|
| | | onFocus() { |
|---|
| | | this.inputVal = '' |
|---|
| | | this.showSelector = true |
|---|
