用uniapp的uview 中的u--form,发现自定义校验方法在小程序端失效,解决方法如下
<u-form-item required="true" labelWidth="80px" label="联系电话:" prop="requestPhone" borderBottom
ref="item8">
<u--input inputAlign="right" maxlength="11" v-model="userInfo.requestPhone" @blur="changePhone" border="none"></u--input>
</u-form-item>
requestPhone: [{
validator: (rule, value, callback) => {
return this.$u.test.mobile(value);
},
message: '手机号码不正确',
trigger: ['change','blur'],
},{
required: true,
message: '请输入联系电话',
trigger: ['blur', 'change']
}, ],
onReady方法中手动设置rules
onReady() {
this.$refs.uForm.setRules(this.rules);
},