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

最新推荐文章于 2025-06-26 09:33:39 发布

黑漆#000000

最新推荐文章于 2025-06-26 09:33:39 发布

阅读量9.9k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： ⇨Web⇦ 文章标签：微信小程序页面跳转页面后退

本文链接：https://blog.youkuaiyun.com/fatong3/article/details/94397568

⇨Web⇦ 专栏收录该内容

18 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
    //.....
  },

})