关于uniapp开发使用uni-ui组件表单校验一直不通过的原因及解决方案
今天使用uniapp开发东西的时候,发现我的表单校验一直通不过,后面才发现少东西了。我在uni-forms上少放了modelValue,但在官方文档上没有提示。所以要做验证必须加这个属性。因为直接像下面这样写也是可以双向绑定的,谁能想到,
·
今天使用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:"商品名称"
},
}
至于校验规则根据官方网站来就行了,细心一点就没问题
更多推荐
已为社区贡献3条内容
所有评论(0)