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