vue 2.0 中 函数return false
使用
问题
在注册页面下,判断输入框是否为空,想把这种函数封装一下,外部调用,返回
return false
时,只是终止当前的判断函数,不是终止整个注册函数。
- 判断函数
//判断输入框函数
judgmentInput(formName){
if (formName.username==="") {
this.$message.warning("用户名为空");
return false;
}
if (formName.password==="") {
this.$message.warning("密码为空为空");
return false;
}
// if (formName.newPassword) this.$message.warning("确认密码为空");return false;}
if (formName.code==="") {
this.$message.warning("验证码为空");
return false;
}
return true;
},
- 注册函数
//注册函数
registered(formName){
this.judgmentInput(formName);
let data ={
"username": formName.username,
"password": formName.password,
};
registeredUser(data).then((response)=>{
console.log(response)
}).catch();
},
在这种情况下,注册函数也能执行成功?
解决
因为
return false
只能结束当前的函数,不能结束调用它的函数。但是你可以用一个变量接收判断函数的返回值,并进行判断是否结束该函数。
- 修改后端注册函数
//注册函数
registered(formName){
if (!this.judgmentInput(formName)){
return false;
}
let data ={
"username": formName.username,
"password": formName.password,
};
registeredUser(data).then((response)=>{
console.log(response)
}).catch();
},
这样的话就可以进行判断是否继续执行。