小程序中for循环列表后点击不同列表跳转不同页面_微信小程序点击列表不同状态点击跳转不同地方

<view class="lingshi">零食天地</view>
<view class="lingshi-all" >
  <view class="lingshi-kuang" wx:for="{{lingshi}}" bindtap='changBtn'  data-id="{{item.id}}">
   <image src="{{item.src}}"></image>
   <span>{{item.name}}</span>
   <view class="lingshi-3kuai">
    <p>{{item.jiage}}</p>
    <p>{{item.jiage1}}</p>
    <p>{{item.xiadan}}</p>
   </view>
  </view>
</view>
1
2
3
4
5
6
7
8
9
10
11
12

js：

 lingshi:[
      {id:'01',src:'/image/燕麦.jpg',name:"燕麦半斤",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
      {id:'02',src:'/image/果冻.jpg',name:"果冻",jiage:"￥3.6",jiage1:"￥5.0",xiadan:"下单"},
      {id:'03',src:'/image/江米条.jpg',name:"江米条",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
      {id:'04',src:'/image/迷你卷.jpg',name:"迷你卷",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
      {id:'05',src:'/image/豆干.jpg',name:"豆干",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
      {id:'06',src:'/image/麻花.jpg',name:"麻花",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
      {id:'07',src:'/image/鸡腿.jpg',name:"鸡腿",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
      {id:'08',src:'/image/香肠.jpg',name:"香肠",jiage:"￥5.0",jiage1:"￥8.0",xiadan:"下单"},
    ]
1
2
3
4
5
6
7
8
9
10

changBtn:function(e){
    var $id = e.currentTarget.dataset.id;
    console.log($id)
    if ("01"== $id){
      wx.navigateTo({
        url: '/pages/lingshi/lingshi',
      })
    }
    if ("02" == $id) {
      wx.navigateTo({
        url: '/pages/lingshi/lingshi',
      })
    }
  },

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15