javascript - 单击 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 中创建一个运行普通 JS 的方法，然后运行 ​​v-btn 的 @click 方法。

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