在 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 属性,该表单项会变为必填项,用户必须填写才能提交表单。

通过这种方式,我们可以根据不同的场景和条件来控制表单的必填项,提高表单的灵活性和用户体验。

Element UI 表单验证:如何使用 verify 属性实现必填项

原文地址: https://www.cveoy.top/t/topic/qAzC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录