国投移动端-履职评价-<van-form>自定义校验

<van-form ref="form">
<van-cell-group inset>
<van-field name="validatorMsg" label="步进器" :rules="[{ validator:validatorMsg, message: '请输入大于5的数字' }]">
<template #input>
<van-stepper v-model="stepper" />
</template>
</van-field>
</van-cell-group>
<div class="submit-btn ch-flex ch-row-center ch-col-center">
<van-button class="btn" type="info" @click="submit()"> 暂存 </van-button>
<van-button class="btn btn_goback"> 返回 </van-button>
</div>
</van-form>

data () {
return {
stepper:'',
form: {}
}
},

methods: {
submit () {
this.$refs.form.validate().then((res) => {
// 验证通过
console.log('通过！！');
}).catch(() => {
//验证失败
console.log('失败！！');
return false
})
},
// 校验函数可以直接返回一段错误提示
validatorMsg (val) {
return val > 5
}
}