类似于上图input框,我们只能允许输入数字相关类型内容
部分代码如下:
html
<a-form-model-item label="面积" prop="requirementAreaStart">
<a-input
class="area-ipt"
v-model="form.requirementAreaStart"
:maxLength="5"
type="text"
placeholder="开始"
@input="intValidate('requirementAreaStart')"
/>
</a-form-model-item>
js
// int验证
intValidate(fieldName) {
const val =
fieldName === 'rentExpenseStart' || fieldName === 'rentExpenseEnd' ?
this.time[fieldName] : this.form[fieldName]
const reg = /^[0-9]{1,6}$/
if (!reg.test(val)) {
if (fieldName === 'rentExpenseStart' || fieldName === 'rentExpenseEnd') {
this.time[fieldName] = ''
} else {
this.form[fieldName] = ''
}
}
},