前記事: 21. [はい][いいえ]ボタンを押すと表示を変える 次記事: 23. テキストフィールドの行数に応じて縦幅を自動拡張する 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サンプルコード(22)YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する|TechRacho by BPS株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9da8d92cc579fc12d9f54372bfb437c7d179dc2/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2017%2F06%2Fvuejs_logo_eyecatch.png)