vue+element-ui中el-table编辑后的表单验证

项目中遇到表格双击可编辑，编辑完场后保存进行判断不能为空，直接上代码

	data(){
		return{
			hasBlock: false,
		}
	},
	methods:{
		//定义的方法
		ifBlock() {
			//el-table中绑定的数组对象
	      this.tableDatareset.forEach((v, i) => {
	        for (const val in v) {
	          if (v[val] === "" || v[val] === null) {
	            for (const childrenVal in v) {
	              if (v[childrenVal] === "" || v[childrenVal] === null) {
	              		//el-table中列绑定的字段
	                if (`${childrenVal}` === "pltxt1") {
	                  this.hasBlock = true;
	                  	// el-table中列表头内容
	                  return this.$message.warning(
	                    "请输入第" + parseInt(i + 1) + "行的内容"
	                  );
	                } else if (`${childrenVal}` === "operts") {
	                  this.hasBlock = true;
	                  return this.$message.warning(
	                    "请输入第" + parseInt(i + 1) + "行的内容"
	                  );
	                } else if (`${childrenVal}` === "status1") {
	                  this.hasBlock = true;
	                  return this.$message.warning(
	                    "请输入第" + parseInt(i + 1) + "行的内容"
	                  );
	                }
	              }
	            }
	          }
	        }
	      });
	    },
	    // 保存
	    saveTable(){
	    	this.hasBlock = false
	    	// 调用上面方法
	    	this.ifBlock()
	    	// 下面请求接口
	    	
		}
	}

后来发现这样写法有bug,如果是多行没有内容就会弹出多个message，欢迎大佬进行教导。