<router-link> 重定向本页面数据没有改变

如果您使用 `<router-link>` 标签重定向当前页面后，发现页面数据没有改变，可能是因为 Vue.js 的路由默认会复用相同的组件实例，而不是重新创建一个新的组件实例。

为了解决这个问题，可以在路由配置中，通过设置 `key` 属性来强制重新创建组件实例，从而使页面数据得到更新。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/example',
      component: ExampleComponent,
      props: { default: true },
      key: 'example' // 设置 key 属性，强制重新创建组件实例
    }
  ]
})

在上面的示例中，我们设置了 `key` 属性为 `'example'`，这样每次路由到 `/example` 路径时，都会重新创建一个新的 `ExampleComponent` 实例，从而使页面数据得到更新。

需要注意的是，如果您在组件中使用了 Vuex 等状态管理工具来管理数据，那么可能需要在路由跳转后，手动清除一些状态数据，以便重新渲染页面时能够正确显示最新的数据。

相关问题

<router-link> 怎么重定向到本页面并使数据改变

首先需要明确一点，<router-link> 是用来进行路由跳转的标签，它本身并不能改变数据。如果你想要在跳转到本页面时改变数据，可以通过以下两种方式实现：

1. 使用 Vue Router 的导航守卫（beforeRouteEnter 或 beforeRouteUpdate），在路由跳转前或更新前修改数据。

2. 在跳转时传递参数，在本页面中通过接收参数的方式来改变数据。可以在 <router-link> 标签中使用 to 属性传递参数，例如：

<router-link :to="{path: '/', query: {data: 'hello'}}">跳转到本页面并传递参数</router-link>

在本页面中可以通过 $route.query.data 来获取参数，并根据参数来修改数据。

<router-link> 重定向本页面

如果您想要在 Vue.js 的单页面应用中，使用 `<router-link>` 标签来实现重定向到当前页面的话，可以使用以下方式：

<router-link :to="{ path: $route.path }">重定向到当前页面</router-link>

其中，`:to` 属性用来设置重定向的路径，这里的 `$route.path` 表示当前页面的路径。这样，当用户点击链接时，就可以重新加载当前页面，从而达到重定向的效果。

需要注意的是，如果您想要在当前页面重新加载时，执行一些特定的操作，可以在页面的 `created` 或 `mounted` 生命周期钩子函数中进行处理。