www.cftea.com

Vue Vant 中 van-field 如何处理数字

ITPOW2019/12/14 18:02:11

给 van-field 组件添加上 type="number",这样用户在输入时就只能输入数字,非数字无法输入,像 1.2.3 这种不正确的数字也无法输入。

同时设置 v-model="fld",这个 fld 也是定义为 number 类型(TypeScript 有类型)。

但是:当输入值后,用 typeof fld 得到的并不是 number,而是 string,所以说 van-field 并不会去转换数据类型,它还是直接以字符串赋值,尽管它可以限制用户只输入数字。

<<返回首页<<