如何正确验证正整数的数字输入字段？我使用这些规则
numberRules: [
v => v.length > 0 || 'This field may not be empty',
v => Number.isInteger(v) || 'The value must be an integer number',
v => v > 0 || 'The value must be greater than zero'
]
但得到错误的结果。我创建了一个示例来显示我的错误行为
https://codesandbox.io/s/vue-with-vuetify-eagles-yqxcc
要将文本字段修改为数字输入，我添加了type="number" 作为组件属性。
【问题讨论】：
标签： vuetify.js
您得到错误的结果，因为您的规则方法中的 v 实际上是 string（是的，是的，有趣的事实 :)）。
你可以：
将您的规则更改为v => Number.isInteger(Number(v)) || "The value must be an integer number",
将.number 修饰符添加到v-model=... 以看起来像v-model.number=...。但在那种情况下，你的第一个规则方法不起作用，因为v 作为数字没有.length
【讨论】：
v => Number.isInteger(Number(v))，但它仍然不起作用：/
.number修饰符。 codesandbox.io/s/vue-with-vuetify-eagles-3hdky
field may not be empty这样的错误，这是我的代码codesandbox.io/s/vue-with-vuetify-eagles-1jtdf跨度>
number，但是修改后是string。疯狂的JS！在第一条规则中使用String(v).length > 0。