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

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

作者: 普通不平庸 | 来源:发表于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