目次

v-model
- 修飾子
  - number
- 参考

v-model

修飾子

v-modelにオプションを付けられる

number

v-modelをNumberに型変換してくれる
デフォルトのinputタグでは、typeをnumberにしても文字列としてバインドされてしまう
- inputタグを空にしてもnullにはならない
  - 空文字列のままっぽい
入力ボックスが空の場合、空文字列として入る
- 型もnumberではなくstringになるため注意

<input v-model.number="age" type="number">

参考

フォーム入力バインディング
- Vue.js
- https://jp.vuejs.org/v2/guide/forms.html
- 2021/05/19