【Nuxt.js】画面のリロード

nuxt.js 開発関連
スポンサーリンク

ページをリロードする方法

「location.reload()」を使うことで画面をリロードできます。更新処理をしたあとなどで、画面をリロードしたい時なんかに便利です。(window.locationを使うとstoreが消えるので注意)

<script>
export default {
// 省略
  methods: {
    update(param1) {
      this.$axios.post(
        `/hogehoge`,
        { param1: param1 }
      ).then( res => {
          location.reload();
      })
    }
  }
}
</script>

Nuxt3の場合

Nuxt3の場合はreloadNuxtAppでリロードできる。

<script setup lang="ts">
import { reloadNuxtApp } from "nuxt/app";

const reloadSample = () => {
  reloadNuxtApp()
}
</script>
タイトルとURLをコピーしました