没有找到好的方法或者官方的相关API
1)尝试了网上说的这个,但是onready只调用一次,所以这个写了定时器也还是执行一次:

setTimeout(() => {
      let _this = this
      wx.createSelectorQuery().select('#container-title').boundingClientRect(function (rect) {
      width = rect.width
      height = rect.height
      top = rect.top
    }).exec()
    },300)

2)还是把这个获取页面高度的方法写成的公共的方法,然后进行改变页面高度的操作(比如新增删除、显示隐藏)的时候就调用一下这个方法

onReady: function () {
      //动态获取高度
    this.autoHeight();
  },
  //动态获取高度
  autoHeight:function(){
      var that = this;
      var query = wx.createSelectorQuery();
      query.select('.container').boundingClientRect(function(rect) {
        console.log("----w" + rect.height)
        that.setData({
          windowHeight: rect.height ,//获取页面高度
        })
      }).exec();
  },

还是有点麻烦其实,后续找到更好的解决办法再进行更新……
在这里插入图片描述

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐