微信小程序各传值方式

微信小程序各传值方式

目的

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

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);
  },

总结

未完待续


版权声明:本文为weixin_45229417原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。