如何修复VueJS中的“属性或方法未定义”错误

时间:2019-09-23 02:36:36

标签: vuejs2 vue-component vuetify.js

Am将数组prop从父组件传递到子组件 我可以看到使用vue-devtools成功传递的props数组,但是当我尝试使用以下命令进行渲染时:

<template :v-for="(item, index) in messages_array">

我得到:

  

vue.runtime.esm.js?2b0e:619 [Vue警告]:属性或方法“ item”不是   在实例上定义但在渲染期间引用。确保这个   属性是反应性的,无论是在data选项中,还是基于类的   组件,通过初始化属性。

我希望v-for遍历提供的道具。

  • 我尝试过手动将数据直接附加到component属性中
  

下面是代码图像的链接...   尝试将其粘贴到此处,但无法正确格式化它们。

Single File component Recieving the prop

component Recieving the prop Script

The Parent Component

The Parent Component Script

1 个答案:

答案 0 :(得分:0)

使用v-for代替:v-for应该可以解决您的问题:

<template v-for="(item, index) in messages_array">

完整的文档可以在这里找到: https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for