微信小程序頁面間跳轉的兩種方法

首先來看看文件目錄

1.< navigator>跳轉

<view class="recommendBlock" bindtap="detail" id="{{i.img}}">
    <navigator url="/pages/detail/detail">
        <image src="{{i.img}}" style="width:325rpx;height:325rpx"/>
        <text >{{i.id}}{{i.price}}\n</text>
        <text >{{i.monthSell}}\n{{i.transPrice}}</text>
    </navigator>
</view>

2. wx.navigateTo 跳轉

wxml 代碼

<view class="recommendBlock" bindtap="detail" id="{{i.img}}">
    <image src="{{i.img}}" style="width:325rpx;height:325rpx"/>
    <text >{{i.id}}{{i.price}}\n</text>
    <text >{{i.monthSell}}\n{{i.transPrice}}</text>
</view>

JS 代碼

  detail: function(e){
    wx.setStorageSync('detailId', e.currentTarget.id);
    wx.navigateTo({
      url:'../detail/detail'
    })
  }

url: ’ ’ 中不能包含文件類型