微信小程序之页面跳转在数组中加上跳转的目标地址微信小程序之二三级菜单（navigateTo传递数据的应用）

编程语言 2018-04-23 13:08:41 阅读次数: 2

 
      当使用wx.for显示列表的时候， 
      从列表的item项跳转到下一个页面， 
      需要点击不同的列表跳转到不同的页面。 
     
index.wxml
 
        < 
        view 
        class= 
        "carts-item" 
          
        wx:for 
        = 
        "{{items}}"  
        bindtap= 
        "navito" 
        data-object-id= 
        "{{item.id}}"> 
       
        < 
        view 
        class= 
        "carts-text"> 
       
        < 
        text 
        class= 
        "carts-title">{{item.name}} 
        </ 
        text 
        > 
       
        </ 
        view 
        > 
       
</ 
      view> 
     
      index.js 
    
data: {
 
       items:[ 
     
       {id: 
      "1",name: 
      "xxxxx"}, 
     
       {id: 
      "2",name: 
      "yyyyy"}, 
     
       ], 
     
Url:[
 
     '../xxx/xxx', 
    
     '../yyy/yyy' 
    
      ] 
    
 }
 
    navito: 
   function (e) { 
  
   // 点击不同的列表跳转到列表详情 
  
   var that= 
   this; 
  
   var id = e.currentTarget.dataset.objectId- 
   1; 
  
    wx.navigateTo({ 
  
    url: that.data.Url[id] 
  
    }); 
  
    }