通过输入框的失去焦点事件和点击事件,当出现键盘时把绝对定位的底部文字隐藏,失去焦点(键盘隐藏的时候)显示底部文字
解决代码
<input type="text" class="weui-input" @click="input_click" @blur='input_blur'/><div v-show='bottom_tip'>底部文字,用了绝对定位,不想被输入框顶到键盘上面</div>
事件:
data() {return {bottom_tip:true}}methods: {input_click: function(e) {this.bottom_tip =false;},input_blur(){setTimeout(()=> {this.bottom_tip=true;}, 300);console.log('失去焦点事件')},}