首页 > 其他 > 详细

使用饿了么ui表单验证报错: [Element Warn][Form]model is required for validat

时间:2018-09-19 20:34:30      阅读:319      评论:0      收藏:0      [点我收藏+]

[Element Warn][Form]model is required for validat 

如文末的完整例子:

该提示说的是 form表单需要一个绑定一个 对象(使用:model="editform" 不能使用v-model="editform"),

同时v-model="multipleSelectionStudent" 的multipleSelectionStudent一定一定一定要在editform对象中,

而例子中v-model="multipleSelectionStudent" 的multipleSelectionStudent就不一定在editform对象中,因为此字段,没有做验证.

<el-form :model="editForm" ref="form" label-position="left" label-width="100px">
    <el-row :gutter="24">
        <el-col :span="12">
            <el-form-item label="姓名">
                <el-input v-model="multipleSelectionStudent" placeholder="请选择"></el-input>
            </el-form-item>
        </el-col>
        <el-col :span="12">
            <el-form-item label="地区" prop="selectSources" :rules="[
                     { required: true, message: ‘请选择地区‘, trigger: ‘change‘}]">
                <el-cascader v-model="editForm.selectSources"
                             placeholder="请选择"
                             :clearable="true"
                             :options="options.resourceGroup"
                             change-on-select
                             :props="cascaderProp"
                             class="el-cascader-100p"
                ></el-cascader>
            </el-form-item>
        </el-col>
    </el-row>
</el-form>
export default {
      data():{
          return {
               editForm: {
                  selectSources: [],
               },
          }
      }
}

 

使用饿了么ui表单验证报错: [Element Warn][Form]model is required for validat

原文:https://www.cnblogs.com/yuwenjing0727/p/9676620.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!