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

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'
                    }]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容