uni不使用跳转如何清掉路由参数

在uni-app（原DCloud）的框架下，如果你想要在当前页面不清除URL路径参数，而是直接操作页面内部状态而不触发路由变化，可以使用Vue组件内的`this.$route.query`或者`this.$route.params`来获取和修改参数。例如：

// 获取某个参数
let param = this.$route.query.key; // 如果是从query里获取

// 清空某个参数并更新URL
if (param) {
  delete this.$route.query.key;
  // 如果你不想改变url，可以用this.$router.replace({ query: ...this.$route.query })替换
}

// 如果参数存储在params中
let paramInParams = this.$route.params.item;
if (paramInParams) {
  delete this.$route.params.item;
  // 同样，如果不需要跳转，可以用this.$router.push({ params: ...this.$route.params })替换
}

在这种情况下，虽然URL不会改变，但是页面的数据已经进行了相应的调整。如果你想完全清除所有参数，可以在操作后设置整个查询或参数对象为空：

this.$route.query = {}; // 或者
this.$route.params = {};

相关问题

uni-app跳转路由

在uni-app中，可以通过uni.navigateTo()、uni.redirectTo()、uni.reLaunch()、uni.switchTab()等方法实现跳转路由。

其中，uni.navigateTo()是最常用的跳转路由方法，它可以跳转到应用内的任意页面，同时保留当前页面，用户可通过左上角返回按钮返回到原页面。示例代码如下：

uni.navigateTo({
  url: '/pages/page1/page1'
});

其中，url属性表示要跳转的页面路径，需要以“/”开头。

除了navigateTo方法外，还有其他跳转路由方法：

- uni.redirectTo()：关闭当前页面，跳转到应用内的任意页面。示例代码如下：

uni.redirectTo({
  url: '/pages/page2/page2'
});

- uni.reLaunch()：关闭所有页面，跳转到应用内的任意页面。示例代码如下：

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

- uni.switchTab()：跳转到应用内的tabBar页面，并关闭其他非tabBar页面。示例代码如下：

uni.switchTab({
  url: '/pages/tabbar/tab2/tab2'
});

uni H5 使用uni-simple-router路由跳转页面不能滑动问题

uni-simple-router是一款基于Vue.js和uni-app框架的轻量级路由库，用于实现H5页面的路由跳转。与vue-router不同的是，uni-simple-router默认开启了路由切换时的滑动动画效果，这可能会导致一些页面无法滑动。

解决方法如下：

1. 关闭路由滑动动画

可以在路由配置文件中，通过设置transition参数为false，来关闭路由切换时的滑动动画。例如：

const router = new Router({
  routes: [
    {
      path: '/home',
      component: Home,
      transition: false
    },
    {
      path: '/about',
      component: About,
      transition: false
    }
  ]
})

这样就可以关闭路由切换时的滑动动画，解决页面不能滑动的问题。

2. 配置全局样式

在H5中，页面高度有时会被固定为屏幕高度，导致内容溢出无法滚动。可以在全局样式中添加以下代码，来解决这个问题：

html,
body {
  width: 100%;
  height: 100%;
  overflow: auto;
}

这样就可以让页面的高度自适应屏幕高度，并且内容可以进行滚动。

需要注意的是，uni-simple-router的滑动动画效果可能会对页面性能产生一定影响，如果应用对性能要求比较高，可以选择关闭滑动动画。