form组件 输入才校验，不输入不校验

背景：邮箱校验输入校验，不输入不校验
`emailMix.js

export default{
data(){
var checkEmail=(rule,value,callback)=>{
// if(!value){//非空校验
// return callback(new Error(‘不能为空’))
// }
if(!value) callback();//输入才校验，不输入不校验
const reg=/^((([a-z0-9_.-]+)@([\da-z.-]+).([a-z.]{2,6}😉)*(([a-z0-9_.-]+)@([\da-z.-]+).([a-z.]{2,6})))$/
setTimeOut(()=>{
if(!reg.test(value)){
return callback(new Error(‘请填写正确的邮箱地址！’))
}else{
callback()
}
},1000);
};
return{
emailRules:{
email:[
{require:true,message:‘邮箱不能为空’},
{validator:checkEmail,trigger:‘blur’}
]
},
//当点击外发类目
activeObj:{
item:‘’,
index:0
}
}
}
}
//在需要校验的vue页面引入
import emailMix from ‘@/mixins/emailMix.js’
minxins:[emailMix]//与data同级`