如何在单击 Vuetify 按钮时重新加载页面？

Question

当用户单击刷新按钮时，我需要刷新当前页面。我正在使用 Vuetify 来生成按钮。

<v-btn fab dark>
     <v-icon dark>refresh</v-icon>
</v-btn>

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

我知道在 vanilla js 中我可以使用 location.reload()，但我不知道如何将它提供给用户点击的按钮。

Answer 1

你可以在 Vue 中创建一个运行 vanilla JS 的方法，然后运行 ​​v-btn 的 @click 方法。

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