寝て起きて寝て

プログラミングが出来ない情報系のブログ

v-modelのinputタグ+修飾子

inputタグ

チェックボックス(単体)

チェックボックスに設定するv-modelの値をブーリアン型にすると、
チェックを入れたときにtrueになる

チェックボックス(複数)

複数チェック可能でValueを取得したい場合は、対象を配列にすることでValueの値を
保持することができる。

ラジオボタン

ラジオボタンの場合は、一つしか設定できないので
配列ではなく空文字にしておく

セレクトボックス(単数選択)

ラジオボタンと同じ

セレクトボックス(複数選択)

shiftを押しながらクリックすると複数選択できる

修飾子

.lazy

テキストエリアからフォーカスが外れた時に変数に格納される。

.trim

前後に含まれているスペースを取り除いてくれる

.number

設定しておくと自動的にNumber型にキャストしてくれる