移动端vant+vue2 tab页切换时底部固定部分会被手机键盘弹起问题

问题：开发时遇到一个问题，tab页切换部分下面有搜索框，点击会弹起手机键盘，导致底部固定的按钮会被顶到上面

解决方法：一.首先对底部按钮进行处理：

1.进入页面时获取页面初始高度，记为a

2.调用原生方法window.onresize监听器获取到实时的页面高度，记为b

3.在watch监听获取到的b，若b<a，则说明手机键盘被调起，隐藏底部按钮，否则显示底部按钮

发现后续问题，场景：首先，顶部tab栏切换是固定的，如果弹起手机键盘后没有关闭，此时滑到底部

切换tab页重复手机键盘弹起操作会出现底部按钮隐藏失效的问题

原因：根据后续解决办法，原因是手机键盘收起可能是异步比较慢，导致切换到新页面时监听的页面初始高度是手机键盘弹起后的页面高度

后续问题解决方法：需要在tab页切换进入新页面时手动令搜索框失焦或者直接v-if把搜索框隐藏直接强制把手机键盘收起