如何理解 vue.js-处理表单-当做数来处理

Question

RT:在读Vue.js文档过程中没有理解

如果你希望用户的输入自动处理为一个数，你可以在 v-model 所在的 input 上添加一个 number 特性。

我试了例子，还是还是可以输入字母的，想问下：

1. 什么场景用
2. 如何使用

Answer 1

题主理解有一点点偏差。首先 v-model并不会处理任何 UI 行为。 在 input 中加入 number ，v-model 会判断是否是数字，是则返回数字，否则返回原 value。

例如，如果加入了 number 属性，填写 1 则返回 1；反之则返回 "1"

参考链接:

1. https://github.com/yyx990803/vue/blob/dev/src/directives/model/text.js...

2. https://github.com/yyx990803/vue/blob/d07bcce0e9edba0498cbc980ddcfc4e4...