アウトプットするブログ

ブログの投稿ログ

2021年
9月
8月
7月
6月

Vue ブラウザをリロード

でも

ブラウザをリロード

ブラウザをリロードをリロード したいケースがあったので Vueのクリックファンクションを利用してmethodsにその処理を書き込んで実装していきたいと思います。

<template>
  <div class="hello">
    <div>
　　// クリックファンクションを定義する
      <p class="refresh" @click="hoge">Reload</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  methods: {
　// クリックファンクションhogeメソッドを定義
    hoge() {
　　// リロードの処理を書き込む
      location.reload();
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.refresh {
  cursor: pointer;
}
</style>