一、报错
uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。
二、uView添加校验后,报错代码。
<template>
<view class="employee-add-content">
<view class="employee-add-info">
<u-form errorType="message" labelWidth="240rpx" :model="userDetail" ref="userDetail" :rules="rules">
<u-form-item required label="手机号" prop="account" borderBottom>
<u--input v-model="userDetail.account" ></u--input>
</u-form-item>
<u-form-item required label="昵称" prop="name" borderBottom>
<u--input v-model="userDetail.name"></u--input>
</u-form-item>
</u-form>
</view>
<u-button @click="saveUser" type="primary" text="保 存"></u-button>
</view>
</template>
<script>
export default {
data() {
return {
userDetail:{},
rules:{
account:[{required:true,type:'string',message:"请输入手机号",trigger:['blur']}],
name:[{required:true,type:'string',message:"请输入昵称",trigger:['blur']}],
}
};
},
methods:{
this.$refs.userDetail.validate().then(res => {
if(res){
console.log("校验通过")
}
})
}
}
</script>
三、解决报错
说明:props在u-form-item上已添加、rules也在u-form已添加。
将这段代码
userDetail:{ // 采坑:uView需要在data中填写默认值
},
改为
userDetail:{ // 采坑:uView需要在data中填写默认值
account:"",
name:"",
},
已解决,报错消失。