微信小程序---页面跳转的两种方式

1. 基于事件跳转

1.1 html

<view bindtap="clickMe" data-id="1" data-name="xxx">点我跳转，参数以data-的形式传递</view>

# 案例
<view bindtap="onClickAuctionItem" data-aid="{{row.id}}"></view>

1.2 js

// 跳转
onClickAuctionItem: function (e) {
    var autionId = e.currentTarget.dataset.aid;
    // 只能跳转到非tabar菜单
    wx.navigateTo({
      url: '/pages/auctionDetail/auctionDetail?auctionId=' + autionId,
    })
  },

1.3 res的数据格式

 1.4 跳转的页面js中接受参数

/**
   * 生命周期函数--监听页面加载
   */
onLoad: function (options) {
     //console.log(options) // {autionId: "2"}
    let autionId = options.autionId;
  },

2. 基于标签跳转

1.1 html

<navigator url="/pages/detail/detail?id={{item.id}}">
        跳转到新页面
</navigator>

 1.2 跳转的页面获取数据

onLoad: function (options) {
     //console.log(options) // {id: "2"}
    let autionId = options.id;
  },