vue param 路由参数刷新不丢失的方法

在 Vue.js 中，使用 $route.params 获取路由参数。如果要在刷新页面后仍然保留参数，可以将参数保存到本地存储中，然后在页面加载时从本地存储中获取参数。

以下是一个示例：

1. 在路由跳转时保存参数到本地存储中：

// 在路由跳转时保存参数到本地存储中
this.$router.push({ path: '/path', query: { id: 1 }})
localStorage.setItem('id', 1)

2. 在页面加载时从本地存储中获取参数：

// 在页面加载时从本地存储中获取参数
const id = localStorage.getItem('id')

3. 在组件中使用 $route.params 或从本地存储中获取参数：

// 在组件中使用 $route.params 或从本地存储中获取参数
computed: {
  id() {
    // 优先使用 $route.params 中的参数
    if (this.$route.params.id) {
      return this.$route.params.id
    }
    // 如果 $route.params 中不存在参数，则从本地存储中获取参数
    return localStorage.getItem('id')
  }
}