微信小程序页面传参

 

 如上图，要求点击列表中的某个项目，带参数跳转到项目详情页面；在详情页根据所传的参数进行查询获取详细信息。

1、wxml页面代码如下：

 

2、 js中方法如下：

projectDetailClick(e){

    let listId  = e.currentTarget.dataset.itemId;

    wx.navigateTo({

      url: '/pages/listDetails/listDetails?listId=' + listId

    })

  },

3、在详情页面接收传递的参数，方法如下：

data: {　

   listId:'',

}

 onLoad: function (options) {

    this.setData({

      listId: options.listId

    })

  },