uni-app 获取页面剩余高度 所占手机屏幕的剩余高度

uniapp 获取页面可用高度

*在created*中

    let _this = this;
    const query = uni.createSelectorQuery().in(this);
    query
      .select("#website-list")
      .boundingClientRect((data) => {
        console.log("得到布局位置信息" + JSON.stringify(data));
        _this.top = data.top;
        uni.getSystemInfo({
          success(res) {
            console.log("屏幕可用高度 " + res.windowHeight);
            _this.height = res.windowHeight - _this.top;
          },
        });
      })
      .exec();

页面定义的id为website-list的标签,就可以获取它的高度,常用于不同手机高度显示的问题

你可能感兴趣的:(VUE,uni-app)