iview Form表单检验
<Modal
class='frequency-box'
v-model="isShowModel"
:title="data.name"
:loading="loading"
@on-ok="ok"
@on-cancel="cancel">
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="120">
<FormItem label="当前频率:">
<InputNumber :v-model="formValidate.data" disabled/>Hz
</FormItem>
<FormItem label="期望频率:" prop="expectData">
<InputNumber v-model="formValidate.expectData" placeholder="30 ~ 60" @on-focus="inputFocus"/>Hz
</FormItem>
</Form>
</Modal>
在校验中
ok () {
this.$refs.formValidate.validate((valid) => {
this.loading = true
if (valid) {
this.$Message.success('Success!')
this.isShowModel = false
} else {
this.loading = false
this.$nextTick(() => {
this.loading = true
})
this.$Message.error('Fail!')
}
})
},