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

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

<uni-easyinput  v-model="drawerData.name" placeholder="" />

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

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

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

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

<uni-forms ref="drawerform" label-width="80" :rules="rules" class="drawer-form" :model="drawerData">
rules: {//表单校验规则
					name: {
						rules: [{
								required: true,
								errorMessage: '请输入商品名称',
								trigger: ['blur', 'change']
							},
							{
								minLength: 2,
								errorMessage: '名称两个字符以上',
							}
						],
						label:"商品名称"
					},
}

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐