Cannot read property ‘prototype’ of undefined 表单

一个小极客2024-10-27 20:33

问题就是Cannot read property 'prototype' of undefined 解决办法通过浏览器报错提示代码定位问题，解决问题

Vue项目中遇到视图不更新，方法不执行，埋点不触发等问题

一般解决方案查看浏览器报错，查看代码运行到那个阶段未之行结束，阅读源码以及相关文档等

然后举出来最近开发的项目中遇到的算是两个比较大的问题。

form表单有时候需要通过v-for动态循环加载el-form-item,并且绑定验证规则。

复制代码

<el-form :model="form">
    <div v-for="(item,index) in form.list" :key="index">
       <el-form-item 
          :prop="`list.${index}.name`"
          :rules="[{ required: true, message: '名字不能为空'}]">
          <el-input v-model="item.name" placeholder="请输入"></el-input>
      </el-form-item>
    </div>
</el-form>

data:{
    form: {
      title: '',
      list: [
        {
          name: ''
        }
      ]
  }
}

必须通过这样绑定，:prop="item.name",无法绑定，需切记。同时，如果v-for动态循环el-form的话，以上两种方法都无法绑定，目前没有找到解决办法。