v-modelの修飾子
date
Mar 6, 2023
repo_url
slug
vmodel-modifier
status
Published
summary
type
Post
thumbnail_url
tags
vue
outer_link
v-modelの修飾子には以下のようなものがある。
.lazy
通常inputタグのv-modelは入力している瞬間に即時に反映されるが、
.lazyを使うことで入力を終えてフォーカスが離れてから反映するようになる。
.number
input type=”number”のように数値を入力するコントロールに有効。
通常、数値コントロールの場合は入力値が文字列(string型データ)となるが、TypeScript側では数値はnum,ber型の変数に格納する必要がある。
↓
.numberを用いることで、数値データ(string型)をnumber型に変換した↑で、number型のテンプレート変数に格納してくれるのがnumber修飾子。