[vue]利用自定义指令处理系统键盘遮挡input输入框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[vue]利用自定义指令处理系统键盘遮挡input输入框相关的知识，希望对你有一定的参考价值。
参考技术A 当页面的input在页面的位置比较靠下时，获取焦点会弹出系统键盘。在ios系统中键盘会把页面顶起来，让输入框在键盘上吗。但是一些安卓系统，键盘会盖住页面的输入框，这时候就需要H5做一些处理。1.利用 Element.scrollIntoView() 或者 Element.scrollIntoViewIfNeeded() scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见
2.在vue中我们设置一个自定义指令
3.在main.js中注册
4.在需要的地方添加指令v-intoView
如果没有效果的话，有可能是安卓弹出键盘的时候没有改变webview的高度，相当于键盘是在webview上层，遮挡住了页面。这个时候要原生的同事帮忙处理下
实现一个loading加载中的自定义指令
以上是关于[vue]利用自定义指令处理系统键盘遮挡input输入框的主要内容，如果未能解决你的问题，请参考以下文章