Tech Racho エンジニアの「?」を「!」に。
  • 開発

Vue.jsサンプルコード(37)一定時間経過後に自動でリダイレクトする

37. 一定時間経過後に自動でリダイレクトする

  • Vue.jsバージョン: 2.5.2
  • 30カウントすると直前のページに自動でリダイレクトします。
    • 以下のJSFiddle埋め込みはフレーム内のみリダイレクトします。
    • ブラウザによってはこのページの直前のページにリダイレクトする可能性もあります。
  • 画面をリロードすると最初に戻ります。

サンプルコード

ポイント

createdは、new Vue のあとで1回呼ばれます。

const vm = new Vue({
  el: "#app",
  data: {a: 30},
  created: function() {
    setInterval(() => { this.a-- }, 1000)
  },
  watch: {
    a: function(v) {
    if (v <= 0) {
        document.location = "/"
      }
    }
  }
})

バックナンバー(Vue.jsサンプルコード)

Vue.jsサンプルコード(01〜03)Hello World・簡単な導入方法・デバッグ・結果の表示とメモ化

CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。