mirror of
https://github.com/youzan/vant.git
synced 2025-10-18 09:24:25 +00:00
done
This commit is contained in:
@@ -1,9 +1,10 @@
|
||||
<template>
|
||||
<div class="z-search">
|
||||
<div class="z-search__input-wrap" :class="{ 'is-focus' : isFocus }">
|
||||
<input type="text" :value="value" :placeholder="placeholder" @focus="handleFocus" @blur="handleBlur">
|
||||
<span class="zui-icon zui-icon-close"></span>
|
||||
<div class="z-search" :class="{ 'is-focus' : isFocus }">
|
||||
<div class="z-search__input-wrap">
|
||||
<input type="text" :placeholder="placeholder" v-model="value" v-refocus="focusStatus" @focus="handleFocus">
|
||||
<span class="zui-icon zui-icon-close" @click="handleClean"></span>
|
||||
</div>
|
||||
<div class="z-search__cancel" :class="{ 'is-focus' : isFocus }" @click="handleBack">取消</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -16,14 +17,28 @@
|
||||
data() {
|
||||
return {
|
||||
value: '',
|
||||
focusStatus: false,
|
||||
isFocus: false
|
||||
};
|
||||
},
|
||||
directives: {
|
||||
refocus: {
|
||||
update: function(el, state) {
|
||||
if (state.value) { el.focus(); }
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleFocus() {
|
||||
this.isFocus = true;
|
||||
},
|
||||
handleBlur() {
|
||||
handleClean() {
|
||||
this.value = '';
|
||||
this.focusStatus = true;
|
||||
},
|
||||
handleBack() {
|
||||
this.value = '';
|
||||
this.focusStatus = false;
|
||||
this.isFocus = false;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user