微信小程序页面跳转和后退页面

最新推荐文章于 2025-01-25 23:20:26 发布

原创最新推荐文章于 2025-01-25 23:20:26 发布 · 1w 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#微信小程序 #页面跳转 #页面后退

收录于

⇨Web⇦ 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了微信小程序中使用WXML标签和JS代码进行页面跳转的方法，包括基本跳转、带参数跳转及返回上一层的实现方式，并提供了具体的代码示例。

wxml页面标签跳转:

<navigator url="/pages/details/details">
    ...
</navigator>

js控制跳转页面：

wxml:::::
<view class='tab-view-item' bindtap="indexNavigator">
   <text class="tab-view-item-text">更多>></text>
</view>

js:::::
  indexNavigator:function(e){
    wx.navigateTo({
      url: '/pages/search/search'
    })
  },

js控制返回上一层：

wx.navigateBack({ changed: true });

传参跳转

<navigator url="/pages/details/details?id={{item.id}}&is_back=ture">
    ...
</navigator>


或着使用js:

wx.navigateTo({
  url: "/pages/index/index" + ?id=121&is_back=ture
})

接收参数：

Page({


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    var id = options.id;
    var is_back = options.is_back;
    //.....
  },

})