handleAdd() { //表单校验都通过就发送异步请求 this.$refs["dataAddForm"].validate(valid => { if (valid) { axios.post("/admin/addCourse", this.formData).then(resp => { //隐藏新增窗口 this.dialogFormVisible = false; if (resp.data.flag) { this.$message.success(resp.data.message); } else { this.$message.error(resp.data.message); } }).finally(() => { this.findPage(); }) } else { this.$message.error("表单校验失败") } }) },
时间: 2023-06-20 14:06:08 浏览: 206
Vue 解决通过this.$refs来获取DOM或者组件报错问题
这段代码看起来是在 Vue.js 框架下编写的,是一个处理表单提交的方法。首先使用了表单校验功能,如果校验通过,就发送一个异步请求到服务器,请求地址是 "/admin/addCourse",请求数据是 this.formData。请求成功后,根据服务器返回的数据,显示不同的提示信息,并最终调用 this.findPage() 方法,刷新页面数据。如果表单校验失败,则会提示错误信息。
阅读全文