微信小程序页面间跳转的两种方法

首先来看看文件目录

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: ’ ’ 中不能包含文件类型