vue报错：Invalid prop: type check failed for prop “model“. Expected Object, got Array解决

在用vue实现前端界面时，报错如上图所示。错误表示期望获得的是一个对象，却得到了一个数组。检查代码后发现，在绑定表单数据时错误的将insertData写成了数组的形式：data(){return {tableData:[],dialogFormVisible:false,insertData:[{code:'',name:'',result:'',d.

姜意%

5842人浏览 · 2021-11-26 11:01:20

姜意% · 2021-11-26 11:01:20 发布

在这里插入图片描述
在用vue实现前端界面时，报错如上图所示。错误表示期望获得的是一个对象，却得到了一个数组。检查代码后发现，在绑定表单数据时错误的将insertData写成了数组的形式：

data(){
      return {
        tableData:[],
        dialogFormVisible:false,
        insertData:[{
          code:'',
          name:'',
          result:'',
          detail:''
        }]
      }
    },

因此，应该为：

data(){
      return {
        tableData:[],
        dialogFormVisible:false,
        insertData:{
          code:'',
          name:'',
          result:'',
          detail:''
        }
      }
    },

错误解决，写代码一定要细心！！！！