美文网首页
uView UI 表单校验 相关字段有数据有值的情况下非空验证失

uView UI 表单校验 相关字段有数据有值的情况下非空验证失

作者: 不想起床_9a42 | 来源:发表于2021-11-25 15:25 被阅读0次

1.注意这里输入框的类型为number

<u-form-item required class="form-item" prop="rentPrice" :border-bottom="false" label="租金单价">
                        <u-input type="number" placeholder="请输入租金金额" v-model="form.rentPrice">
                            <span class="unit" slot="unit">元/m²</span>
                        </u-input>
                    </u-form-item>

2.给rules添加transform转为字符可解决报错,猜测应该是类型不匹配造成的验证不通过

rentPrice: [{
                        required: true,
                        transform(value) {
                            return String(value);
                        },
                        message: '请输入租金单价',
                        trigger: 'blur'
                    }]

相关文章

网友评论

      本文标题:uView UI 表单校验 相关字段有数据有值的情况下非空验证失

      本文链接:https://www.haomeiwen.com/subject/gsaatrtx.html