// 首先对表单form进行校验
this.$refs.addRolesFormRef.validate(async valid => {
// 校验失败,直接返回
if(!valid) return
// 校验成功,发起请求
const {data:res} = await this.$http.post('roles',this.addRolesForm);
// 如果返回状态不是201,则提示失败
if(res.meta.status !== 201) return this.$message.error('添加失败!');
// 提示用户成功
this.$message.success('添加成功!');
// 关闭对话框
this.addRolesDialogVisible = false;
// 重新获取数据,刷新列表
this.getRolesList();
})
增加或修改前校验
最新推荐文章于 2021-11-10 10:12:06 发布