当前位置:   article > 正文

[Vue warn]: Property or method "id" is not defined on the instance but referenced during render._property or method "attachid" is not defined on th

property or method "attachid" is not defined on the instance but referenced

这是上一篇文章使用v-for时出现的warn:

Mr.J--Vue之v-for全解析

在查看官方文档之后:Vue.js  

由于Vue不允许动态添加根级别的响应属性,因此必须通过预先声明所有根级别的响应数据属性来初始化Vue实例,即使是空值

之前的demo:

  1. data: {
  2. //key
  3. Obj: [
  4. { id: 1, name: 'pop' },
  5. { id: 2, name: 'pou' },
  6. { id: 3, name: 'bunk' },
  7. { id: 4, name: 'kery' }
  8. ]
  9. },

修改之后:

  1. id:'',
  2. name:'',
  3. //key
  4. Obj: [
  5. { id: 1, name: 'pop' },
  6. { id: 2, name: 'pou' },
  7. { id: 3, name: 'bunk' },
  8. { id: 4, name: 'kery' }
  9. ]

当然这个问题,在没有使用Key键值的时候,是没有报错的。使用key的话,就要注意:由于Vue不允许动态添加根级别的响应属性,因此必须通过预先声明所有根级别的响应数据属性来初始化Vue实例,即使是空值!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/315742
推荐阅读
相关标签
  

闽ICP备14008679号