作者:沙漏虎 | 来源:互联网 | 2023-02-05 19:55
我有一个带有以下道具声明的子组件:
props: {
count: Number,
maxNum: Number
}
这通常很好,但我也已maxNum
映射到输入字段:
因此,即使用户在输入中输入"4",Vue.js也认为它是一个字符串,而实际上如果正确解析则它是一个有效数字.
我尝试这样做,但它没有在输入"apple"上正确失败:
props: {
maxNum: {
validator: function (v) {
parseInt(v);
return true;
}
}
}
当涉及v模型时,验证道具的规定方式是什么?
1> lollercoaste..:
啊,所以Vue.JS实际上提供了一个很好的方法来做到这一点.
所述.number
改性剂可以让v-bind:value
所述的部分v-model
方程来处理输入值作为数.
Vue.JS指南中的v-model.number参考在这里.