vue.jsによる入力の検証 - v-model.numberの意味は本当ですか？

Question

入力フィールドが数字の場合、v-model.numberと指定した場合、フォーム提出前に数値入力を検証する（またはJSONをサーバーにポストする）ための前提はありますか？私は、この時点で常に数字になると思うので、それが特定の範囲内に入るかどうかをテストすることに集中することができますか？それとも、isNanなどをテストする必要がありますか？

Answer 1

ソースを確認しました。 .numberと接尾辞は（さえtype="number"ための文字列です）入力値は、以下の関数を使用して解析する原因：

/** 
* Convert a input value to a number for persistence. 
* If the conversion fails, return original string. 
*/ 
export function toNumber (val: string): number | string { 
    const n = parseFloat(val) 
    return isNaN(n) ? val : n 
} 

これは、あなたが結果は常に数であると仮定してはいけません、しかし、あなたが想定することができることを意味しそれは決してNaNではないということです。 これは公式ドキュメントに明示的に記載されていないため、変更される可能性があります。 可能であればtype="number"に行くことをお勧めします。そうでない場合は、通常と同じように検証します。