前端工作总结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后面重置

posted @   前端导师歌谣  阅读(7)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示