微信小程序各传值方式

目的

微信小程序开发时，需要用到值传递的方式，一种可以直接使用缓存或全局存储，但这种多多少少占用存储。以下来记录最近开发小程序用到的方式。

1.方法

data-后的id为传递的参数值，可任意命名

<view bind:tap="change" data-id="{{1}}"></view>

change:function(e) {
console.log(e.target.dataset.id)
}

2.页面跳转

数据
data:{
	mission:{id: 1,
	name: "me"},
}

方法

    wx.navigateTo({
      url:"/pages/index/index?item="+encodeURIComponent(JSON.stringify((this.data.mission)))
    })

因为包含？等特殊字符，利用encodeURIComponent来解析。

index页面

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let item= JSON.parse(decodeURIComponent(options.item));
    console.log(item);
  },

总结

未完待续