handleAddFloor() { this.dialogFormVisible = false if (this.form.floorName==null||this.form.floorHeight==null) { this.$message.error("请按照正确的格式添加!!") return false; } this.$axios.post("/floor/addFloor",this.form) .then(res=>{ this.getFloorList(); }) },
时间: 2024-01-28 13:05:55 浏览: 80
jquery.form.js异步提交表单详解
这是一个Vue组件中的方法`handleAddFloor()`,它的作用是添加楼层信息。方法中的代码逻辑如下:
1. 首先,将弹窗关闭,因为此时信息已经提交成功了,不需要继续显示弹窗;
```
this.dialogFormVisible = false
```
2. 判断表单中的楼层名称和楼层高度是否为空,如果为空,则弹出错误提示信息,并返回`false`,表示添加楼层操作失败;
```
if (this.form.floorName==null||this.form.floorHeight==null)
{
this.$message.error("请按照正确的格式添加!!")
return false;
}
```
3. 如果楼层名称和楼层高度都不为空,则向服务器发送POST请求,将表单中的数据添加到数据库中;
```
this.$axios.post("/floor/addFloor",this.form)
```
4. 当请求成功后,调用`getFloorList()`方法,重新获取楼层列表;
```
.then(res=>{
this.getFloorList();
})
```
总的来说,`handleAddFloor()`方法的作用是添加楼层信息,并在添加成功后重新获取楼层列表,以保证视图与状态同步。同时,如果表单中的楼层名称和楼层高度为空,则会弹出错误提示信息,并返回`false`,表示添加楼层操作失败。
阅读全文