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

在使用resetField 报错Cannot read property 'indexOf' of undefined

时间:2019-10-17 17:32:56      阅读:1926      评论:0      收藏:0      [点我收藏+]

标签:erro   min   ida   pre   def   define   方案   ace   NPU   

elementUI  的resetField  是对对整个表单进行重置,将所有字段值重置为初始值并移除校验结果 ,当内容不一致 或找不到内容时 就会报错,具体原因举例如下:

原因1:ruleForm 内部数据 与实际页面需要验证的数据不一致 比如:下面例子 页面需要的是name ,而 ruleForm定义的是name2,当单词不小心写错就会报这个问题

 <el-form
        ref="newFormModel"
        :rules="rules"
        :model="ruleForm"
        :inline="true"
        style="width: calc(100%-50px); margin-left:50px;"
        min-width="1158px"
        class="demo-ruleForm"
      >
        <el-form-item label="Name" prop="name" class="my-el-form-item">
          <el-input v-model="newObj.name" placeholder="">
          </el-input>
        </el-form-item>
        <br>
        <el-form-item label="Country" prop="country" class="my-el-form-item">
          <el-input v-model="newObj.country" placeholder=""> 
          </el-input>
        </el-form-item>
</el-form>

script
 ruleForm: {
     name2: ‘‘,
     country: ‘‘
 }, 

原因二:当表单有v-if 根据表单内部数据去控制是否显示时 会存在这个问题 

解决方案:1 使用 v-show 代替 v-if;

                 2 使用 clearValidate  移除表单项的校验结果。对有验证的字段进行清空验证error 内容,对不需要验证的字段进行手动的初始化;

                   或者使用以上两种方式结合 ,看自己项目的需要

在使用resetField 报错Cannot read property 'indexOf' of undefined

标签:erro   min   ida   pre   def   define   方案   ace   NPU   

原文地址:https://www.cnblogs.com/xhliang/p/11693111.html

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