微信小程序集中开发日志 DAY 2 【data的赋值与取值 + 跳转页面】

上一章   微信小程序集中开发日志 DAY 1 【获取用户授权 + 调用其他页面js + post提交】

 

目录

data的赋值与取值

跳转页面

---

data的赋值与取值

赋值：

a.将URL中的参数赋给data

①设置初始数据

data: {

    rid:'', //邀请人id,

    rNickName:'', //邀请人的昵称

},

②对data进行赋值

onLoad: function (options) {

    var that = this,

    wx.request({

        url: '后台处理地址',

        data: {

            'rid': options.rid

        },

        success: function (res) {

            that.setData({

                rNickName: res.data.nickname,

                rid: options.rid,

            })

        },

    })

},

b.重新绑定变量

function setData() {

    var that = this;

    that.setData({

        rNickName: '新昵称'

    })

}

 

取值：

1.HTML赋值

<view>{{rid}}</view>

2.JS赋值

function getData() {

    var that = this;

    console.log(that.data.rNickName)

}

 

跳转页面

普通页面跳转

wx.navigateTo({ url: '/pages/index/register' });

wx.redirectTo({ url: '/pages/index/register'});

 

跳转tabbar

wx.switchTab({ url: '/pages/index/index' });

 

下一章  微信小程序集中开发日志 DAY 3 【生成小程序二维码 + 缓存小程序access_token】