问题标签 [v-for]

我正在尝试使用本地过滤器，v-for但出现错误

属性或方法“filterByTitle”未在实例上定义，但在渲染期间引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。

下面的代码

这就是我的组件模板的样子：

我想从这个循环中排除一些键，我知道最好的解决方案是使用计算函数，但不知道如何实现它。

我是 Vue 的新手，我面临着一些我不太了解的事情：

首先，我从数据库中获取数据以填充我的用户价值。

然后，使用这个用户值的内容，我有一个递归函数，可以从另一个数据库中获取更多数据。

我的问题来自那一刻，我得到了值，（如果我删除/粘贴我的子 UserData 组件的内容，我可以在表中看到好的值）但是如果我刷新或只是正常访问此页面，名字和姓氏缺少值。我认为这与 v-for 不更新有关，但我不确定。

我花了很多时间阅读文档和其他类似的问题，但我还是不明白。

用户数据组件：

我正在使用 VueJS 和基础 css。我正在尝试从 v-for 循环创建手风琴。但是 VueJS 希望我将 href 绑定到 projectIndex 变量。

我尝试创建一个 projectIndex 参数，然后使用计算属性返回“#”+ projectIndex 的串联，但 projectIndex 始终未定义。

……

出于兴趣，我正在使用[[]]而不是{{}}因为我也在使用与 VueJS 共享相同{{}}的 twig

我正在使用 VueJS2 和 Laravel。使用vue-agile滑动一些图片和文字。

当我尝试添加v-for以滑动所有帖子时，我收到错误 *"TypeError: Cannot read property ' style ' of undefined"*

这是代码：

我的错误在哪里？谢谢你。

这个想法很简单：Vue 实例从 API 加载组。这些组使用 v-for 语法显示。

groupdata 格式正确，并使用 .push 函数添加到 app.groups 中，这应该会更新 v-for 列表。

但是，v-for 列表不会更新。

当我将 v-for="group in groups" （从外部加载）更改为 v-for="group in people" （已经在应用程序中）时，它确实提供了输出。

HTML

Vue

API

{

“组”：[{

]

}

使用 v-for 循环浏览 Firebase 项目，并试图为每个项目获取一个值（imgurl）。这是firebase对象的几行：

火力基地数据

这是我在 App.vue 中的脚本代码。

这是我使用 v-for 和 key 循环并调用 StyleObject 的地方。

一切正常，除了我不知道如何在 RIGHT IN HERE 注释所在的位置获取item.imgname，因此我可以将它用于 style= 属性中的背景图像（每个 div 都有自己的背景图像）。非常感谢任何帮助。

我试图用不同类别的数据循环一些数据，看起来像这样：

10m

• -2017
• --名称：杯子1
• --文件：file1.pdf
• --名称：杯子2

• --文件：file2.pdf

• -2016

• --名称：杯子1
• --文件：file1.pdf
• --名称：杯子2
• --文件：file2.pdf

（然后在 15m 下也一样 - 但是我只能让它在 10m 下显示）

我的循环的问题是，它只显示在第一类（atm.“10m”）下

我正在使用 VueJS 来执行此操作。

JSFiddle：https ://jsfiddle.net/tj5413om/

提前致谢

这是一个新手问题，但我在网上找不到答案/提示：

对于由 v-for 循环呈现的基本模板：

一切都很简单，就像基本示例一样，除了我需要向这个组件传递一个道具：

这将在控制台中出现 messageType 未传递给此组件的错误。我想知道如何将此属性的值传递给使用 v-for 循环呈现的模板？

我有这样的对象数组

所以我想在 vue.js 中循环它们，就像在表中的 php foreach 循环中一样，并得到这样的结果。

PHP 循环。

但是在 vue.js v-for 指令中我不能做同样的事情，我尝试这样的事情。

Vue 循环。

但是我的表结构已经坏了。我想得到完全像这样的结构。

HTML 表格结果

视觉效果一定是这样的。

请帮我