element-ui表单验证功能

最新推荐文章于 2024-08-09 14:29:58 发布

檀小泡泡

最新推荐文章于 2024-08-09 14:29:58 发布

阅读量443

点赞数

分类专栏： element 文章标签：表单验证

本文链接：https://blog.csdn.net/weixin_42371145/article/details/89703294

版权

element 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1 凡是绑定prop的el-form元素，均须为:model=“ruleForm”，里面的属性。
若不是，则不生效。
type类型在“显示label与绑定值value”类型不统一时，必须加上。
2 form内的循环数组：
< el-row v-for="(mannger,index) in form.managerList" :key=“index”>
< el-col :span=“24”>

                <el-form-item label="产品经理:" :prop="'managerList.'+index+'.userCode'" :rules="managerGroupRules.managerNum">
                  <el-select class="input"  placeholder="请选择产品经理" @change="handleManagerList(form.managerList[index].userCode,index)" clearable  v-model="mannger.userCode">
                    <el-option
                      v-for="item in managerList"
                      :key="item.userCode"
                      :label="item.userName"
                      :value="item.userCode">
                    </el-option>
                  </el-select>
                </el-form-item>
            </el-col>

data（）{
return{
managerGroupRules: {
managerNum: [{type:‘number’,required: true, message: '请选择产品经理 ', trigger: ‘blur’}]
},
}}