<van-form ref="form">
<van-cell-group inset>
<van-field name="validatorMsg" label="步進(jìn)器" :rules="[{ validator:validatorMsg, message: '請(qǐng)輸入大于5的數(shù)字' }]">
<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) => {
// 驗(yàn)證通過
console.log('通過０ā！');
}).catch(() => {
//驗(yàn)證失敗
console.log('失敗３敉臁什黑！');
return false
})
},
// 校驗(yàn)函數(shù)可以直接返回一段錯(cuò)誤提示
validatorMsg (val) {
return val > 5
}
}
