700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > VUE input唤起键盘 底部固定的标签被顶上去解决办法

VUE input唤起键盘 底部固定的标签被顶上去解决办法

时间:2023-01-24 04:12:31

相关推荐

VUE input唤起键盘 底部固定的标签被顶上去解决办法

通过输入框的失去焦点事件和点击事件,当出现键盘时把绝对定位的底部文字隐藏,失去焦点(键盘隐藏的时候)显示底部文字

解决代码

<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('失去焦点事件')},}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。