如何在点击Vuetify按钮时重新加载页面?

8
我需要在用户点击刷新按钮时刷新当前页面。我正在使用 Vuetify 生成按钮。
<v-btn fab dark>
     <v-icon dark>refresh</v-icon>
</v-btn>

我知道在路由器的位置上,我可以指定 <v-btn fab dark to="myDesiredPath",但是我需要刷新用户当前所在的任何路由。

我知道在原始的JavaScript中,可以使用 location.reload() 方法来刷新页面,但我不知道如何在用户单击按钮时调用该方法。


1
更新:我使用了<v-button fab dark onclick="location.reload(true)>,它可以工作,但会导致某些路由无法呈现其道具的问题。 - Jeff
1个回答

18

您可以在Vue中创建一个方法来运行纯JS,然后在v-btn的@click中运行该方法。

methods: {
  reloadPage(){
    window.location.reload()
  }
}

1
这个方法可以工作,但是会导致一些路由无法呈现其属性。页面需要在路由上重新加载,但也需要保留通过路由传递的属性。 - Jeff
方法不是必需的 - Fernando Torres

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接