前端uniapp 写小程序如何实现一旦离开当前页面就发送请求更换下方导航栏也会触发

在uni-app中，可以通过监听页面生命周期函数和全局事件来实现一旦离开当前页面就发送请求的功能。同时，可以通过监听全局事件来实现导航栏切换时发送请求的功能。

1. 在当前页面的onHide生命周期函数中发送请求： 在当前页面的onHide生命周期函数中，可以发送请求来实现一旦离开当前页面就发送请求的功能。在onHide函数中，可以通过uni.request()方法发送请求，如下所示：

onHide() {
  uni.request({
    url: 'https://example.com/api',
    method: 'GET',
    success: res => {
      console.log(res.data);
    },
    fail: err => {
      console.log(err);
    }
  });
}

2. 监听全局事件来发送请求： 在App.vue文件中，可以监听uni-app的全局事件uni.onAppRoute来实现导航栏切换时发送请求的功能。在onAppRoute事件回调函数中，可以发送请求，如下所示：

export default {
  onLaunch() {
    uni.onAppRoute(route => {
      // 判断是否为导航栏切换事件
      if (route.from === 'navigateTo' || route.from === 'switchTab') {
        // 发送请求
        uni.request({
          url: 'https://example.com/api',
          method: 'GET',
          success: res => {
            console.log(res.data);
          },
          fail: err => {
            console.log(err);
          }
        });
      }
    });
  }
}

以上就是在uni-app中实现一旦离开当前页面就发送请求，并且导航栏切换时也触发发送请求的方法。可以根据实际需求选择其中一种方式来实现