uni-app实现h5右滑返回上一个页面不是退出页面

在uni-app中，可以使用 `vue-router` 来实现H5右滑返回上一个页面而不是退出页面的功能。具体来说，你需要在 `vue-router` 中配置 `routes` 时，将 `meta` 字段中的 `keepAlive` 属性设置为 `true`，表示需要缓存页面状态，这样在返回上一个页面时就不会重新加载页面。

下面是一个简单的示例代码：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: () => import('@/views/Home'),
      meta: {
        keepAlive: true // 缓存页面状态
      }
    },
    {
      path: '/detail',
      name: 'detail',
      component: () => import('@/views/Detail'),
      meta: {
        keepAlive: true // 缓存页面状态
      }
    }
  ]
})

在上面的代码中，我们使用 `meta` 字段来配置页面的一些属性，其中 `keepAlive` 属性为 `true` 表示需要缓存页面状态。在页面中，你可以通过监听 `beforeRouteLeave` 钩子来实现右滑返回的功能。

下面是一个简单的示例代码：

export default {
  name: 'Detail',
  beforeRouteLeave(to, from, next) {
    if (from.name === 'home') {
      history.pushState(null, null, document.URL) // 将当前状态推入历史记录栈
    }
    next()
  }
}

在上面的代码中，我们通过监听 `beforeRouteLeave` 钩子来实现在离开当前页面时将当前状态推入历史记录栈的功能，这样在右滑返回时就会返回到前一个页面，而不是退出页面。需要注意的是，我们通过判断 `from.name` 来确定是否从前一个页面返回，如果是从其他页面返回则不执行推入历史记录栈的操作。