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

Vue.jsサンプルコード(22)YouTube風の[?][?]ボタンで1度だけGood/Bad評価する

22. YouTube風の[?][?]ボタンで1度だけGood/Bad評価する

  • Vue.jsバージョン: 2.5.2
  • [?]または[?]ボタンを押すと、カウントが1上がります。
  • ボタンをもう一度押してもカウントは変わりません。
  • 画面をリロードすると最初の状態に戻ります。

サンプルコード


ポイント: $once()で定義したコードは、$emitで「1度だけ」実行されます。

    created: function() {
      this.$once("foo", function(e) { this[e.target.dataset.key] += 1 })
    },
    methods: {
      a: function(e) { this.$emit("foo", e) },
    },

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

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

CONTACT

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