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

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

vue的$nextTick使用总结，this.$refs为undefined的解决办法，element Ui的树形控件setCheckedKeys方法无法使用
vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用参考文章: (1)vue的$nextTi ...
jquery click()方法模拟点击事件对a标签不生效的解决办法
jquery click()方法模拟点击事件对a标签不生效的解决办法参考文章: (1)jquery click()方法模拟点击事件对a标签不生效的解决办法 (2)https://www.cnblog ...
vue+cesium cesium数据量太大导致浏览器卡顿解决办法
vue+cesium cesium数据量太大导致浏览器卡顿解决办法解决方案 : 不要把任何的cesium对象放在data中监听,因为在data中的变量 , vue会劫持数据 , 导致迟缓. 解 ...
机械键盘win键和Alt键颠倒，解决办法？
解决办法同时按住Ctrl+Alt+Fn 就解决的了. 本人是RK的键盘
vue+three.js加载本地stl模型无法显示的解决办法
先放代码 <template><div><div id="container"></div></div> </te ...
Vue中关于自定义组件定义@click事件不生效的解决办法
.native修饰符 -- 侦听组件根元素上的原生事件当你给一个vue组件或者是自定义组件绑定事件的时候,要加上native,如果是普通的html元素,就不需要比如:如果使用router-link ...
表单input中disabled提交后得不到值的解决办法
转载自:http://blog.csdn.net/u014185140/article/details/51985147 input的字段当为diabled时时无法获取数值得,所以最近不要用这个,我们 ...
php 删除指定html标签,php删除html标签的三种解决办法
分享下PHP删除HTMl标签的三种方法. 方法1: 直接取出想要取出的标记 function strip($str) {$str=str_replace(" ","&qu ...
（转）在编写Spring框架的配置文件时，标签无提示符的解决办法
http://blog.csdn.net/yerenyuan_pku/article/details/52831618 问题描述初学者在学习Spring框架的过程中,大概会碰到这样一个问题:在编写S ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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