一些针对uniapp页面关闭的方法

1. 关闭当前页面

在使用uniapp开发过程中，有时需要关闭当前页面，以返回上一个页面或直接返回到桌面。这时可以使用uniapp提供的关闭当前页面方法，代码如下：

uni.navigateBack({
  delta: 1
});

其中，uni.navigateBack()方法用于关闭当前页面，delta用于指定返回的层数，1表示返回上一个页面，2表示返回上上个页面，以此类推。

1.1 使用uni-button触发关闭

我们可以使用uniapp内置的按钮组件uni-button来触发关闭当前页面的方法，代码如下：

返回上一页
// script
methods: {
  goBack() {
    uni.navigateBack({
      delta: 1
    });
  }
}

这样，当用户点击按钮时，就会关闭当前页面并返回上一个页面。

1.2 在页面生命周期中关闭

除了点击按钮触发关闭，还可以在页面生命周期中关闭当前页面。比如在页面加载完成后自动跳转回上一个页面：

export default {
  onLoad() {
    // do something
  },
  onReady() {
    // 页面加载完成后自动返回上一页
    uni.navigateBack({
      delta: 1
    });
  }
}

这样，在页面加载完成后，就会自动关闭当前页面并返回上一个页面。

2. 关闭所有页面

有时需要关闭所有页面，以便直接回到桌面或跳转到其他应用程序。uniapp提供了关闭所有页面的方法，代码如下：

uni.reLaunch({
  url: '/pages/index/index'
});

其中，uni.reLaunch()方法用于关闭所有页面并跳转到指定页面，url用于指定跳转的页面路径。

2.1 关闭所有页面并跳转到首页面

通常，关闭所有页面后需要跳转到应用的首页面。可以通过在App.vue中监听应用启动事件来实现，代码如下：

export default {
  onLaunch(options) {
    uni.reLaunch({
      url: '/pages/index/index'
    });
  }
}

这样，当应用启动后，就会关闭所有页面并跳转到应用的首页。

3. 关闭其他页面

有时需要关闭除了当前页面以外的其他页面。uniapp提供了获取当前页面栈以及关闭其他页面的方法，代码如下：

// 获取当前页面栈
const pages = getCurrentPages();
// 遍历页面栈，关闭非当前页面
pages.forEach(page => {
  if (page.route !== this.$route.path) {
    uni.removeTabBarBadge({
      index: 1
    });
  }
});

其中，getCurrentPages()方法用于获取当前页面栈，uni.removeTabBarBadge()方法可以用于在tabBar中移除某一项的badge。

3.1 关闭除当前页面以外的所有页面并跳转

要实现关闭除当前页面以外的其他页面并跳转，可以在当前页面中获取页面栈，并遍历栈中的页面进行操作，代码如下：

export default {
  onReady() {
    // 获取当前页面栈
    const pages = getCurrentPages();
    // 遍历页面栈，关闭非当前页面
    pages.forEach(page => {
      if (page.route !== this.$route.path) {
        uni.removeTabBarBadge({
          index: 1
        });
        uni.redirectTo({
          url: '/pages/index/index'
        });
      }
    });
  }
}

这样，在当前页面加载完成后，就会关闭除当前页面以外的其他页面，并跳转到应用的首页。

总结

本文介绍了uniapp中常用的页面关闭方法，包括关闭当前页面、关闭所有页面、关闭除当前页面以外的其他页面。在实际开发中，可以根据需求选择合适的方法进行操作。