以下是完整例子:需要注意以下几点: :model一定要绑定一个对象本例子是editForm,同时要验证字段的v-model绑定数据一定要在editForm中. 同时prop绑定的名字要和v-model绑定的名字一样,这个是很重要,一般做法是 prop和rules规则还有v-model绑定的数据 所有的名称都一样 直观方便,且不容易出错. <el-form :model="editForm" ref="editForm" :rules=“rules” label-position="left" label-width="100px"> <el-row :gutter="24"> <el-col :span="12"> <el-form-item label="姓名"> <el-input v-model="multipleSelectionStudent" placeholder="请选择"></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="地区" prop="selectSources"> <el-cascader v-model="editForm.selectSources" placeholder="请选择" :clearable="true"
饿了么UI的表单验证,有输入东西,但是一直无法通过验证。
最新推荐文章于 2024-06-09 00:15:00 发布
在使用饿了么UI(El-UI)组件库进行Vue项目开发时,遇到一个表单验证的困扰。即便输入了内容,表单仍然无法通过验证。这个问题可能涉及Vue的数据绑定、El-UI的验证规则或者表单组件的设置。解决此类问题通常需要检查验证规则是否正确配置,数据模型是否实时更新,以及表单组件的状态是否正确响应。对于开发者来说,理解和调试这类问题至关重要。
摘要由CSDN通过智能技术生成