按照官网给的示例报uForm未定义
<view class="rydj">
<u-form :model="jtaqGrxx" ref="uForm" label-position ='left'>
<!-- 文本框 -->
<u-form-item label="姓名:" label-width ="100px" left-icon = "account" :required="true" prop = "grxxName">
<u-input v-model="jtaqGrxx.grxxName"></u-input>
</u-form-item>
<!-- 下拉框 -->
<u-form-item label="性别:" label-width ="100px" left-icon = "account-fill" :required="true" prop = "grxxSex">
<u-input v-model="jtaqGrxx.grxxSex" type="select" @click="showSex = true"/>
</u-form-item>
<u-form-item label="电话:" label-width ="100px" prop = "grxxDh" :required="true" left-icon = "phone-fill">
<u-input v-model="jtaqGrxx.grxxDh" placeholder="请输入手机号"/>
</u-form-item>
</u-form>
<u-button :custom-style="customStyle" shape='circle' @click="submit">提交</u-button>
</view>
data() {
return {
数据块代码
}
}
methods: {
submit() {
this.$refs.uForm.validate(valid => {
if (valid) {
console.log('验证通过');
} else {
console.log('验证失败');
}
});
}
}
// 必须要在onReady生命周期,因为onLoad生命周期组件可能尚未创建完毕
onReady() {
this.$globalPara.refs.uForm.setRules(this.rules);
}
前几天这个校验什么都是好的突然间用不了了
能够校验?%ra=link
官网例子
http://v1.uviewui.com/components/form.html
onready里打印 一下 this.$globalPara 看看 。加个判断 也行
onReady() {
if(this.$globalPara&&this.$globalPara.refs&&this.$globalPara.refs.uForm){
this.$globalPara.refs.uForm.setRules(this.rules);
}
}