如何解决vue router页面刷新params参数失效问题

在Vue Router中，当页面刷新时，路由参数（params）默认是不会保留的。这会导致在页面刷新后，params参数会丢失。

要解决这个问题，可以通过以下两种方式实现params参数在页面刷新时的保留：

1. 使用`props`将路由参数传递给组件：
在路由配置中，将`props`设置为`true`，这样路由参数会被作为组件的props传递，并且在页面刷新时保留。

   {
     path: '/example/:param',
     component: ExampleComponent,
     props: true
   }

然后，在组件中可以通过props接收参数：

   props: ['param'],
   mounted() {
     console.log(this.param); // 在页面刷新时保留了params参数
   }

2. 使用`beforeRouteUpdate`钩子函数：
在需要保留params参数的组件中，可以使用`beforeRouteUpdate`钩子函数来监听路由变化，然后手动处理params参数。

   beforeRouteUpdate(to, from, next) {
     // 处理params参数
     this.param = to.params.param;
     next();
   }

这样，在页面刷新时，`beforeRouteUpdate`钩子函数会被触发，你可以在其中更新组件的params参数。

通过以上两种方式，你可以解决Vue Router页面刷新params参数失效的问题，并保留params参数的值。请根据你的具体情况选择其中一种方式进行实现。