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

首先来看看文件目录

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