vue中当传入一个组件的数据类型为对象或数组时,当不传入该值的报错问题

这是我自定义的TableColumn.vue组件代码:





当我如下引用的时候:


 

报错如下:
报错
修复bug代码如下:

props: {
    type: {
      type: String,
      default: 'input'
    },
    optionList: {
      type: Array,
      default: () => []
    },
    prop: {
      type: String,
      default: ''
    },
    label: {
      type: String,
      default: ''
    }
  }

把optionList对象里面的default属性由[]改成了() => [],于是就解决了报错。

你可能感兴趣的:(vue)