swan.navigateBack

解释：关闭当前页面，返回上一页面或多级页面。

方法参数

Object object

object参数说明

属性名类型必填默认值说明
deltaNumber否1返回的页面数，如果 delta 大于现有页面数，则返回到首页1。
successfunction否接口调用成功的回调函数
failfunction否-接口调用失败的回调函数
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）

示例

扫码体验

swan.navigateBack - 图1请使用百度APP扫码

图片示例

swan.navigateBack - 图2

swan.navigateBack - 图3

swan.navigateBack - 图4

代码示例

在开发者工具中预览效果

  • 在 index 文件中
  1. <view class="wrap">
  2.     <button bind:tap="navigateTo" type="primary" hover-stop-propagation="true">跳转新页面</button>
  3. </view>
  1. Page({
  2.     data: { },
  3.     navigateTo(e) {
  4.         swan.navigateTo({
  5.             url: '/detail/detail?id=新页面'
  6.         });
  7.     }
  8. });
  • 在 detail 文件中
  1. <view class="wrap">
  2.     <view class="page-top">
  3.         <view class="page-top-text">{{id}}</view>
  4.     </view>
  5.     <button bind:tap="navigateBack" type="primary" hover-stop-propagation="true">返回上一页</button> 
  6. </view> 
  1. Page({
  2.     data: {
  3.         id: 'detail'
  4.     },
  5.     onLoad(options) {
  6.         this.setData({
  7.             'id': options.id
  8.         });
  9.     },
  10.     navigateBack(e) {
  11.         swan.navigateBack({
  12.             delta: 2
  13.         });
  14.     }
  15. });

参考示例

参考示例 - 从小程序原生页面返回到 H5 页面，并需要刷新：

在开发者工具中预览效果

  • 在 detail 文件中
  1. <web-view src="{{url}}"></web-view>
Page({
    data: {
        src: ''
    },
   //接收H5页传过来的参数
    onLoad(options) {
        this.setData({'src': options.webViewUrl})
    },
    onShow(){
        this.onLoad()
    }
});
  • 在 index 文件中
Page({
    data: { },
    navigateTo(e) {
        swan.navigateTo({
            url: "/detail/detail?webViewUrl=https://smartprogram.baidu.com&Math.radom()"
        });
    }
});

:::