Element UI 表单验证:如何使用 verify 属性实现必填项
在 Element UI 表单中,通过添加 verify 属性可以实现表单数据验证,将该表单项设为必填项。
<el-form-item
label='规则内容'
prop='content'
verify
:maxLength='32'
class='is-required'
v-if='rulesType === 4 || rulesType === 5 || rulesType === 6'
>
<el-input v-model='model.content'></el-input>
</el-form-item>
代码示例中,当 rulesType 等于 4、5 或 6 时,该表单项才会显示,并且由于添加了 verify 属性,该表单项会变为必填项,用户必须填写才能提交表单。
通过这种方式,我们可以根据不同的场景和条件来控制表单的必填项,提高表单的灵活性和用户体验。
原文地址: https://www.cveoy.top/t/topic/qAzC 著作权归作者所有。请勿转载和采集!