<el-form-item label="" prop="manufacturer" :rules="[{ required: true, message: '请选择厂商', trigger: ['change','blur'] }]"> 厂商 <el-select v-model="i.manufacturer" placeholder="请选择" style="margin-bottom: 8px" @change="getDeviceModelByCompany(i.manufacturer)"> <el-option v-for="item in manufacturer" :key="item.id" :label="item.name" :value="item.id" /> </el-select> 型号 <el-select v-model="i.model" placeholder="请选择" style="margin-bottom: 8px" @change="clearValid"> <el-option v-for="item in model" :key="item.id" :label="item.name" :value="item.id" /> </el-select> 固件版本 <el-input @change="clearValid" v-model="i.firmwareVersion" style="margin-bottom: 8px;width: 10rem" placeholder=" " /> </el-form-item>已经有内容了必填项验证没有消失
时间: 2023-11-05 11:55:41 浏览: 71
vue实现表单数据验证的实例代码
根据你提供的代码,我看到你使用了 Element UI 的表单组件。如果必填项验证没有消失,可能是因为你的表单数据没有通过验证,需要满足规则才能消除验证提示。你可以检查以下几个方面:
1. 确认必填项的 prop 属性值是否正确设置为 "manufacturer",并且在 i 对象中有对应的属性值。
2. 确认 rules 规则中的 message 提示信息是否正确,且触发条件 trigger 是否设置正确。例如,你使用了 change 和 blur 两个事件触发验证,但是需要确保这些事件在表单项被修改时触发。
3. 如果你的表单中绑定了多个表单项,需要确保每个表单项的 prop 属性值都是唯一的,否则会出现验证提示不消失的问题。
如果以上几个方面都没有问题,可以将代码中的 i 对象打印出来,查看表单数据是否正确。如果问题还是没有解决,可以提供更多的代码或者错误提示信息,方便我帮你进一步分析问题。
阅读全文