エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.jsでForm要素のラッパーコンポーネントを作る際の2つの方法(v-bind.sync, v-model) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.jsでForm要素のラッパーコンポーネントを作る際の2つの方法(v-bind.sync, v-model) - Qiita
input欄を含むコンポーネントを作る際に毎回忘れるのでメモ v-bind.syncを使う方法 v-bind.syncはv-bind... input欄を含むコンポーネントを作る際に毎回忘れるのでメモ v-bind.syncを使う方法 v-bind.syncはv-bind:hoge, v-on:update:hoge="hoge = $event"のシンタックスシュガーです。 これを意識して子コンポーネントでイベントを発行することで、Form要素を内包するコンポーネントを簡潔に実装できます。 <!-- <MyInput v-bind:hoge.sync="hoge">は以下と同義 --> <MyInput :hoge="hoge" v-on:update:hoge="hoge = $event" > <template> <label >{{ label }} <input type="text" :value="value" @input="updateValue($event.target.value)" /> </lab