vue 路由缓存跳转带参数的路由后就无法缓存了

在 Vue 路由中，如果你希望路由带有参数并且能够被缓存，你可以使用 `vue-router` 提供的 `keep-alive` 组件。

你可以在路由组件的外面包一层 `keep-alive` 组件，这样该路由组件就会被缓存，并且在切换路由时不会重新渲染。

例如：

<template>
  <div>
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

注意：如果你的路由组件中使用了 `watch` 或者其他异步操作，那么这些操作并不会在组件被缓存后停止，所以你可能需要使用 `activated` 和 `deactivated` 生命周期钩子来处理这些操作。

<template>
  <div>
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

<script>
export default {
  activated() {
    // 在组件激活时调用
  },
  deactivated() {
    // 在组件停用时调用
  }
}
</script>

希望这些信息能够帮助你解决问题。