指定vue的v-model的类型

作为一个菜鸟,兼只会依葫芦画瓢的搬砖it狗,并没有系统学习过vue。

在最近项目中,发现了一个奇怪的问题:

使用vant-ui 的field

                <van-field
                        v-model="form.unitPrice" //form。unitPrice是js的number类型
                        type="number"
                        label="大货价:"
                >
 

当请求数据,将赋值时,this.form.unitPrice = res.unitPrice时,在NetWork中看到 res.unitPrice是float类型的,

但是在输入框中修改了值,在上传后,重新请求返回的res.unitPrice变成了String类型

公司大神告诉我做如下修改即可:

v-model.number="form.unitPrice" 

 

还不知道是啥原因导致的,不过,这促使我找了下v-model的相关资料:

Vue的核心特性之一是双向绑定,vue的响应式原理是实现了数据->视图,接下来我们要学习 视图->数据的原理。

v-model是一个指令,限制在