关于uniapp开发使用uni-ui组件表单校验一直不通过的原因及解决方案

今天使用uniapp开发东西的时候,发现我的表单校验一直通不过,后面才发现少东西了。我在uni-forms上少放了modelValue,但在官方文档上没有提示。所以要做验证必须加这个属性。

因为直接像下面这样写也是可以双向绑定的,谁能想到,

uni-forms表单校验必加属性:

:rules=""//这是校验规则

:modelValue=""//这是要校验的数据对象

uni-forms-item 的name属性和表单v-model的属性值保持一直

rules: {//表单校验规则
					name: {
						rules: [{
								required: true,
								errorMessage: '请输入商品名称',
								trigger: ['blur', 'change']
							},
							{
								minLength: 2,
								errorMessage: '名称两个字符以上',
							}
						],
						label:"商品名称"
					},
}

至于校验规则根据官方网站来就行了,细心一点就没问题

你可能感兴趣的:(uni-app,vue.js)