小程序中的页面传参

一、在列表页中,点击单条数据,进入详情页,就需要页面之间的传参
二、例子
(1)列表的wxml页面

<view class="con" wx:for="{
    
    {orderList}}" wx:key="index" data-index="{
    
    {index}}" bindtap="seeDetail">
</view>

(2)列表的主要js

 //点击查看待接单详情  
 seeDetail: function (e) {
    
        
   var indexs = e.currentTarget.dataset.index;    
   console.log('序号', indexs);    
   var List = this.data.orderList;    
   var detailList = List[indexs];    
   console.log('当前', detailList);    
   detailList = JSON.stringify(detailList);    
   wx.navigateTo({
    
          
      url: '/pages/orderDetail/orderDetail?detail=' + detailList,   
   })    
},

(3)orderDetail详情页的js

onLoad: function (options) {
    
          
   var detailList=options.detail;      
   console.log('传参',JSON.parse(detailList) );      
   var that=this;      
   detailList=JSON.parse(detailList);      
   //var orderSid=detailList.orderSid      
   that.setData({
    
            
     detailList:detailList
     //这样就获得了传过来的数据
   })
 }

猜你喜欢

转载自blog.csdn.net/huang_jimei/article/details/113252749
今日推荐