Vue 提示Invalid default value for prop “tableData“: Props with type Object/Array must use a factory(代码

Posted 2021-09-20 在奋斗的大道

今天尝试封装分页+表格控件，定义prop 属性值提示如下错误信息:

Invalid default value for prop "tableData": Props with type Object/Array must use a factory

 大致含义:（props default 数组／对象的默认值应当由一个工厂函数返回)

错误代码:

// 表格数据
  tableData: {
    type: Array,
    default: [],
    required: false
  },
  // 表头数据
  columnData: {
    type: Array,
    default: [],
    required: false
  }

修正后的代码：

// 表格数据
  tableData: {
    type: Array,
    default: ()=>[],
    required: false
  },
  // 表头数据
  columnData: {
    type: Array,
    default: ()=>[],
    required: false
  }