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

Posted 2023-02-23

【中文标题】如何修复 VueJS 中的“未定义属性或方法”错误

【英文标题】：how to fix 'property or method is not defined' error in VueJS

【发布时间】：2020-01-23 02:03:04

【问题描述】：

我将一个数组 props 从父组件传递给子组件 我可以看到使用 vue-devtools 的 props 数组成功通过，但是当我尝试渲染时：

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

我明白了：

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

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

我试过直接手动将数据附加到组件prop属性中

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

Single File component Recieving the prop

component Recieving the prop Script

The Parent Component

The Parent Component Script

【问题讨论】：

去掉冒号。应该是v-for，而不是:v-for。

v-for 是指令，不能用作绑定类型。

@Joel，它解决了你的问题吗？

【参考方案1】：

使用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