16确认按钮-表单信息的提交

validate() 是 Element UI 中表单组件的一个方法,用于触发表单的验证操作。它通常用于手动触发表单验证,而不是等待用户点击提交按钮时自动触发。

在此系统中,分别有三个状态会用到表单信息,分别是查看、编辑和添加,他们可以通过设置一个状态标识来复用同一个表单。

StudentInfo.vue
![[Pasted image 20231214091103.png]]

isVeiw: '',//表单查看状态
isEdit: '',//表单编辑状态
isAdd: '',//表单添加状态

//确认按钮以提交信息

submitStudentForm(formName){
	this.$refs[formName].validate((valid)=>{
		if(valid){
			//表单为编辑状态时
			if(this.isEdit){
				this.submitUpdateStudent();
			}
			//表单为添加状态时
			else if(this.isAdd){
				this.submitAddStudent();
			}
			else{
				console.log("确认")
				return false;
			}
		}
		else{
			return false;
		}
	})
},
  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值