微信小程序简单的数据传递

废话不说,直接上代码

page1的前端代码:

在每个view中都带有对应的data-name,并且绑定了方法bindViewTap











page1的js脚本:

获取当前点击的参数,并带参进行页面跳转

   //事件处理函数
  bindViewTap: function(e) {
   console.log(e.currentTarget.dataset.name)
   var indexa=e.currentTarget.dataset.name;
    wx.navigateTo({
      url: '../page2/page2?name='+indexa
    })
  }

page2的前端代码:

通过for-items进行数据遍历


 
  
    
    {{item.text}}¥{{item.price}} 
  
  
 
page2的js脚本:

通过option拿到page1传过来的值,进行判断,并用setData赋值给list;

  onLoad: function (option) {
    //  console.log(option.name);
    var lista ; 
    switch (option.name) {
      case "a1": lista = this.data.list;
        break;
      case "a2": lista = this.data.list2;
        break;
      case "a3": lista = this.data.list3;
        break;
      case "a4": lista = this.data.list4;
        break;
      case "a5": lista = this.data.list5;
        break;
      case "a6": lista = this.data.list6;
        break;
      case "a7": lista = this.data.list7;
        break;
      case "a8": lista = this.data.list8;
        break;
      default: lista = [];
        break;
    }
     this.setData({
       list: lista
    });
  }

你可能感兴趣的:(微信小程序简单的数据传递)