码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-09-19 22:04:53      阅读:468      评论:0      收藏:0      [点我收藏+]

标签:一个   div   hold   完整   efault   color   source   return   form表单   

[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

标签:一个   div   hold   完整   efault   color   source   return   form表单   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!