vue 2.0 中 函数`return false` 使用

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();
},

这样的话就可以进行判断是否继续执行。