0
0

[Vue.js] 迷いやすいv-modelの修飾子を3行で。

Posted at

v-model.lazy

inputイベントではなくchangeイベントに反応する。
例えばinput type=“text”では、文字が入力し終わってから変化する。

v-model.number

入力された値がNumber型になる。
inputは入力された値は常に文字列型になるため、数値型にしたい場合。
(ちなみにhtmlでinput type=“number”としてもデータ型としては文字列だから注意)

v-model.trim

ユーザーから入力された値の両端の空白を削除する。
JSの.trim()と同じ。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0