vue提交确认时判断用户输入不能为空

一直感觉很简单的逻辑问题为难了我好多次 之前一直尝试用if()else{}去写 发现即使为空也能走下面的接口判断 现在晓得应该分开写 不满足条件就返回 一定要加return 才能不往下继续执行!!

async saveRow(row) {
if (!row.key) {
this.$Message.error("请输入key");
return;
}
if (!row.value) {
this.$Message.error("请输入值");
return;
}
var obj = {
key: row.key,
id: row.id,
value: row.value,
};
var res = await dictionaryApi.updateConfig(obj);
if (res.code == 200) {
this.$Message.success("保存成功");
// 更新表格数据
this.handleClick();
}
},