Skip to content

Commit 1e0a69c

Browse files
zxuqianNataliaTepluhina
authored andcommitted
Update description about .number modifier (#1285)
* Update description about .number modifier * Update src/guide/forms.md Co-authored-by: Natalia Tepluhina <tarya.se@gmail.com>
1 parent 8f52329 commit 1e0a69c

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/guide/forms.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -268,10 +268,10 @@ vm.selected.number // => 123
268268
ユーザ入力を自動的に number へ型キャストさせたい場合は、`v-model` で管理している input に `number` 修飾子を加えることができます。
269269

270270
```html
271-
<input v-model.number="age" type="number" />
271+
<input v-model.number="age" type="text" />
272272
```
273273

274-
これはしばしば有用です。なぜなら `type="number"` が書いてあったとしても HTML の input 要素は常に文字列を返すためです。値が `parseFloat()` でパースできない場合は、元々の値が返却されます
274+
これは入力タイプが `text` の場合によく使われます。入力タイプが `number` の場合、Vue は生の文字列値を自動的に数値へ変換できるため、`v-model``.number` を追加する必要はありません。値が `parseFloat()` で解析できない場合は、元の値が返されます
275275

276276
### `.trim`
277277

0 commit comments

Comments
 (0)