前端工作总结261-表单验证重置
/*3GY歌谣表单验证 通过继续前行*/ this.$refs["form"].validate(valid => { if (valid) { setTimeout(() => { /*声明变量*/ let method = postAction; /*声明url * position() * */ /*url=/user*/ let url = this.url.add; /*4 判断是否有id 确定新增还是编辑 根据表单数据是否有 id 属性,判断是新增还是编辑操作 // 如果有id的话 就需要进行*/ if (this.form.id) { method = putAction; /*编辑操作 /user*/ url = path.join(this.url.edit, this.form.id); } /*如果没有请求地址 就做出判断*/ if (!url) { this.$message.warning("请设定请求 url!"); return; } /*5GY 通过这边取触发父亲级别的方法*/ method(url, this.form).then(res => { /*实现文字居中逻辑<div style=";"><p style="display:flex;font-weight: bold;text-align: center;*/ this.$message.success({ dangerouslyUseHTMLString: true, message:'<p>提交成功</p>'}); /*this.$refs["form"].reset*/ this.$refs["form"].resetFields() this.$emit("ok"); }); }, 400); }else { setTimeout(() => { this.$message("请您按照要求填写信息") this.$refs["form"].resetFields() return false; }, 400);
运行结果
表单重置需要在then后面重置
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!