elementui之表单验证

最新推荐文章于 2024-05-09 10:10:26 发布

原创最新推荐文章于 2024-05-09 10:10:26 发布 · 302 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了在使用Element UI的表单组件时，如何正确设置表单验证规则，特别是针对选项输入的验证，确保每个选项都有内容且不超过120个字符。此过程涉及到表单项的动态生成和验证属性的正确配置。

1.举例子 [{text:""},{text:''},.......]
					<el-form-item
                            v-for="(item,index) in formData.radioLine"
                            :key="index"
                            :prop="'radioLine.'+index+'.text'"
                            :rules="propRadio.radioLineText">
                            <el-input placeholder="请输入选项内容，最多120个字符" v-model="item.text" ></el-input>
                        </el-form-item>
  2.这时的表单效验  :prop="'radioLine.'+index+'.text'" 这一步是容易踩坑的关键 三者必须存在,`