微信小程序页面传参

 

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

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
    })
  },
posted @ 2021-07-15 15:06  雪飘无痕(兰陵王)  阅读(285)  评论(0编辑  收藏  举报