微信小程序---(动态更改数据，计算元素位置)

微信小程序

1: 动态更改数据属性

var key = 'allCatograyData[' + 0+ '].products[' + 1+ "].active";

(allCatograyData是小程序data中的字段，这里写key时候不用写this.data,active属性可以是添加或者修改)

this.setData({

    [key]:boolNum

})

allCatograyData的结构是如下结构:

var allCatograyData=[

    {

        products: [

            {

                type: 1

            }

        ]

    },

    {

        products: [

            {

                type: 2

            }

        ]

    }

];

2： 计算某个元素的高度（）

添加节点的布局位置的查询请求，

相对于显示区域，以像素为单位。

其功能类似于DOM的getBoundingClientRect。

返回值是nodesRef对应的selectorQuery。

返回的节点信息中，

每个节点的位置用left、right、

top、bottom、width、height字段描述。

如果提供了callback回调函数，

在执行selectQuery的exec方法后，

节点信息会在callback中返回。

var query = wx.createSelectorQuery()

(message_area是要查询元素的id)

query.select('#message_area').boundingClientRect();

query.exec(function (res) {

  wx.pageScrollTo({

    scrollTop: res[0].top,

    duration: 300

  })

});