VUE input唤起键盘 底部固定的标签被顶上去解决办法
通过输入框的失去焦点事件和点击事件,当出现键盘时把绝对定位的底部文字隐藏,失去焦点(键盘隐藏的时候)显示底部文字解决代码<input type="text" class="weui-input" @click="input_click" @blur='input_blur'/><div v-show='bottom_tip'>底部文字,用了绝对定位,不想被输入框...
·
通过输入框的失去焦点事件和点击事件,当出现键盘时把绝对定位的底部文字隐藏,失去焦点(键盘隐藏的时候)显示底部文字
解决代码
<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('失去焦点事件')
},
}
更多推荐
已为社区贡献38条内容
所有评论(0)