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

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

作者: 普通不平庸 | 来源:发表于2018-03-12 15:05 被阅读0次

微信小程序

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

  })

});

相关文章

网友评论

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

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