vue.js - 为什么在我的 nuxt-link 中没有重新加载具有相同 url 的页面？

Question

如果我在一个带有 URL ' http://localhost:8080/item 的页面上' 并且我单击此页面上的相同链接，然后该页面不会重新加载。
我需要这样做，如果我点击同一个链接，页面将重新加载。

我的链接:

<nuxt-link :to="/item">

欢迎任何见解。谢谢!

Answer 1

使用 key ，例如:

<router-view :key="$route.params.yourCustomParam"/>

你也可以使用类似的东西:

<router-link :to="{ params: { yourCustomParam: Data.now } }" replace>link</router-link>

记住 to已通过 router.push()它也接受一个对象。这样做，它更具声明性和可控性。我正在使用它来决定是否应该重新呈现组件页面，因为它们将基于从 URL 条目获得的 id 参数，并且我的子组件仍然可以使用 nesting 。