// 因为我对createSelectorQuery的使用来源于antV的F2小程序版，使用了内部的方法

// 如下：

const query = uni.createSelectorQuery().in(this);

query.select('.navbar').fields({node: true,size: true}).exec(res => {})

​

// 后来我同事说按照uniapp官网，应该这样写

const query = uni.createSelectorQuery().in(this);

query.select('.navbar').fields({node: true,size: true}, res => {}).exec()

​

// 这样写确实解决了问题。随后我同事又从uviewui的源码中匹配 createSelectorQuery

// 找到了大佬的写法，如下

function getElRect(that, elClass, callback) {

    new Promise((resolve, reject) => {

        const query = uni.createSelectorQuery().in(that);

        query.select('.' + elClass).fields({

            size: true

        }, res => {

            // 如果节点尚未生成，res值为null，循环调用执行

            if (!res) {

                setTimeout(() => {

                    this.getElRect(elClass);

                }, 10);

                return;

            }

            callback(res)

            resolve();

        }).exec();

    })

}

​

// 为了在自定义的this.$utils中使用，为了节省代码，所以引入了that。

// 最后终于解决了问题。