美文网首页
如何在小程序页面渲染完成后执行createSelectorQue

如何在小程序页面渲染完成后执行createSelectorQue

作者: pomelo_西 | 来源:发表于2018-09-18 22:24 被阅读0次

html

    <div class="tests" v-for="(item, index) in tests" :key="index">
      <div class="item">{{ item }}</div>
    </div>

js

export default {
  data () {
    return {
      tests: []
    }
  },

  onLoad: function () {
    this.getData()
  },

  methods: {
    getData () {
      this.tests = ['aaaaaaaaa', 'bbbbbbbbbbbbbbbbbb', 'cc']
      this.queryMultipleNodes()
    },

    queryMultipleNodes () {
      setTimeout(() => {
        wx.createSelectorQuery().selectAll('.tests').fields({
          dataset: true,
          size: true,
          scrollOffset: true,
          properties: ['scrollX', 'scrollY']
        }, function (rects) {
          console.log(rects)
          rects.forEach(element => {
            console.log(element.height)
          })
        }).exec()
      }, 300)
    }
  }
}

重要的是加定时器

相关文章

网友评论

      本文标题:如何在小程序页面渲染完成后执行createSelectorQue

      本文链接:https://www.haomeiwen.com/subject/gtbvnftx.html