uniapp+uview微信小程序中有两个表单切换但都需要做校验

Posted 野猪佩奇007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp+uview微信小程序中有两个表单切换但都需要做校验相关的知识,希望对你有一定的参考价值。

项目场景:

所需两个表单切换,验证条件不一样


问题描述


虽然这里写了两个不同的表单不同的校验规则,但是只会生效一个,一切换就不生效了并且初始阶段报错

-

解决方案:


切换时重置表单的验证规则,每个对应每个的表单和规则

onReady() 
			this.$refs.uForm.setRules(this.rules);
		,
		methods: 
			//发票类型选择
			changeNatureType(val) 
				this.form.NatureType = val;
				this.forms.NatureType = val;
				if (val === 2) 
					this.$nextTick(function() 
						this.$refs.uForm.setRules(this.rules);
					)
				 else 
					this.$nextTick(function() 
						this.$refs.uForms.setRules(this.ruless);
					)
				
			,

以上是关于uniapp+uview微信小程序中有两个表单切换但都需要做校验的主要内容,如果未能解决你的问题,请参考以下文章

uniapp 给自定义组件或uview等ui组件加class样式或修改样式在微信小程序不生效的情况

解决uview下表单无法动态校验的问题

uniapp微信小程序切换到tabber页面没有自动刷新

uview+uniapp+springboot 实现小程序上传图片并回显

uniapp 微信小程序授权登录getUserInfo获取不到用户的昵称和头像

uniapp开发微信小程序,从构建到上线