vue v-model.number

2,787 阅读1分钟

当两个input都输入非数字时,v-model.number和v-model的值都不会转为Number类型

image.png

image.png

当两个input都输入数字时,v-model.number的值会转为Number类型,v-model的值还是String类型

image.png

image.png

注意:change方法的回调参数val,都是string类型

image.png

总结:

type="number"唯一的作用就是限制input框内只能输入数字。即便输入的是数字,但val和v-model的值仍然是string类型

或者:

input的type是number` 即使你设置了type=number但是获取的值仍然是字符串,加上```v-model.number 拿到的值是number类型