Vue2 已定义已绑定的Element表单数据对象报错 not defined on the instance but referenced during render.

项目场景:

子组件内的表单报错, 该表单数据对象存在且绑定无误.

props: {
  nowSelected: {
    type: Array,
    default: () => []
  }
},
data() {
  return {
    ENFA01MForm: {
      actId: '01',
      astCtrNo: this.nowSelected.astCtrNo,
      astLoc: ''
    }
  }
}

报错:

'ENFA01MForm' is not defined on the instance but referenced during render.



原因分析:

Form表单数据对象里的属性默认值不能是props传来的对象里的具体属性值.
这里改成nowSelected对象是没有问题的, 但是不能精确到属性.


正常的data里是可以这样做的(如下没有任何问题), Element表单数据对象不可.

props: {
  nowSelected: {
    type: Array,
    default: () => []
  }
},
data() {
  return {
    stlyn: this.nowSelected.sttlYym,
    projNo: this.nowSelected.projNo
  }
}

版权声明:本文为qq_52697994原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。