时间戳

首页 > 解决方案 > 为什么在我的 nuxt-link 中没有重新加载具有相同 url 的页面？

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

问题描述

如果我在 URL 为“ http://localhost:8080/item ”的页面上单击此页面上的相同链接，则该页面不会重新加载。如果我点击相同的链接，我需要这样做，页面将重新加载。

我的链接：

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

欢迎任何见解。谢谢！

标签： vue.jsnuxt.js

解决方案

使用密钥，例如：

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

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

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

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

推荐阅读