H5 在安卓下input下面按钮被顶上来解决方法

最新推荐文章于 2025-05-12 20:42:04 发布

Ajaxguan

最新推荐文章于 2025-05-12 20:42:04 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：那些年遇见的坑 vue基础备忘录一些功能方法

本文链接：https://blog.youkuaiyun.com/Ajaxguan/article/details/83184089

那些年遇见的坑同时被 3 个专栏收录

26 篇文章

订阅专栏

vue基础备忘录

25 篇文章

订阅专栏

一些功能方法

15 篇文章

订阅专栏

本文介绍了一种使用Vue.js实现的屏幕尺寸监听方法，通过监听页面尺寸变化，判断是否显示特定按钮。当屏幕高度大于设定值时，按钮将被隐藏；反之，则显示。此方法适用于需要根据不同屏幕尺寸调整UI布局的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data () {
    return {
       clientHeight: document.documentElement.clientHeight
    }
}
mounted () {
    var n = navigator.userAgent
    if (n.indexOf('iPhone') <= -1) {
      window.onresize = () => {
        if (this.clientHeight > document.documentElement.clientHeight) {
          // 隐藏按钮
          this.isShow = true
        } else {
          // 显示按钮 
          this.isShow = false
        }
      }
    }
  }