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

微信小程序

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

  })

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容