AntDesignVue数字输⼊框InputNumber有值但是验证却不能够
reactive声明类型通过
InputNumber 有值但是验证却不能够通过
今天遇见这样⼀个问题，InputNumber 输⼊框中有值
但是却却提⽰验证不能够通过
后来经过分析，怀疑是数据类型不正确，
后⾯经过验证，果然是数据类型不正确
正确做法
<template>
<div>
<a-form
ref="formRef"
:model="formState"
:rules="rules"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-form-item ref="name" label="⾦额" name="money">
<a-input-number id="inputNumber" v-model:value="" :min="1" :precision="2" :max="10000" />
</a-form-item>
<a-form-item>
<a-button type="primary" @click="onSubmit">Create</a-button>
<a-button @click="resetForm">Reset</a-button>
</a-form-item>
</a-form>
</div>
</template>
<script>
import { reactive } from '@vue/reactivity'
export default {
setup () {
const rules = {
money: [
/
/这⾥⼀定要添加上数据类型是字符串类型的。
//否者验证不会通过
{ required: true, message: '请输⼊', trigger: 'blur' ,type:'string'},
]
}
let formState=reactive({
money:''
})
function onSubmit(){
console.log(formState);
}
function resetForm(){
console.log(formState);
}
return {
rules,
formState,
onSubmit,
resetForm
}
}
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。