问题标签 [v-for]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1605 浏览

vue.js - Vuejs嵌套的foreach循环不起作用

我有以下 HTML

我有以下脚本

我没有得到预期的分数。

0 投票
2 回答
1885 浏览

vue.js - Vuejs - 数据未显示在数组中 - 没有错误

我有以下代码,我正在使用两个组件,一个称为Mustaches,另一个称为Mustache

我正在尝试使用Mustaches中的Mustache显示数据v-for

我没有收到任何数据或任何错误,Mustaches html 显示在源代码中,但未显示Mustache数据。

HTML

JS

呈现的 HTML

0 投票
2 回答
2141 浏览

laravel - 在标签的href中编写VueJS数据绑定表达式

0 投票
1 回答
1689 浏览

javascript - Vue.js - 将多个道具传递给 V-For 中的子级

我正在尝试创建一个带有可折叠列的表格,但无法让表格主体与标题一起折叠。这是一个小提琴,它清楚地表明了我想要做什么:https : //jsfiddle.net/ufw4f5qc/9/ 这是我尝试过的一个小提琴,它产生了一个错误:https ://jsfiddle.net/oafw74hz/ 2/

这个问题很可能与孩子和父母的范围有关。我正在使用道具将一个变量从父母传递给孩子,但孩子似乎不接受它。我是否正确绑定了道具 columnCollapsed?

在控制台中得到以下错误:

vue.js:2611 [Vue 警告]:渲染组件时出错

未捕获的类型错误:无法读取未定义的属性“项目”

旁注:您可能会注意到我在父组件和子组件中重复了某些方法和过滤器(formatDollars、formatPercent 等)的代码 - 如果您对在它们之间共享此代码有任何提示,请告诉我!:)

0 投票
1 回答
33853 浏览

javascript - 来自对象键和嵌套数组的 Vue.js v-for 循环

我在另一个 v-for 中安静了一个复杂的 v-for 循环。基本上显示问题列表和该问题的答案列表。我计划获取问题的密钥并将其用作 grouped_answers 的密钥。

v-for 循环如下:

当前返回以下错误:

无法读取未定义的属性“答案”。

grouped_answers 对象示例在这里:

对于完整的模板,我附上了以下代码:

推荐后更新

0 投票
1 回答
2511 浏览

javascript - Vue.js:使用带有 v-for 的对象的双向数据绑定

我在将输入数据绑定到对象属性时遇到问题。我正在遍历一个对象以从其属性生成输入字段,但数据绑定无法使用 v-model 工作。这是我的代码(控制台日志保持为空):

0 投票
1 回答
653 浏览

vuejs2 - 如何签入数组 Vuejs

我有这样的对象:

有没有我如何检查行对象中是否存在关键标题对象。

感谢和抱歉我的英语不好。

0 投票
1 回答
1784 浏览

javascript - VueJS 在数组元素上循环一个带有条件的数组(v-for 和 v-if)

我要做的是在v-for循环中打印两列卡片元素。因此,如果索引是对的,我会打印数组的当前元素和连续的下一个元素,并跳过具有奇数索引的元素。

到目前为止我的代码:

但我收到下一个错误:

[Vue 警告]:在...处渲染匿名组件时出错

vue.runtime.common.js?d43f:435 TypeError: Cannot read property 'photo' of undefined at eval (eval at 167 (0.cd4853d….js:28), :95:31)...

基本上,我正在尝试对正在循环的数组元素进行条件循环。我怎么能做到这一点?

0 投票
2 回答
19165 浏览

javascript - Vue.js v-for 在循环组件中增加一些变量

我正在尝试显示活动议程上的项目列表。

活动start_date结束 议程上的每个项目都有一个duration以分钟为单位的时间,例如:

现在,在我的event组件中,我加载agendas了一个v-for

agenda组件中,我想增加每个项目开始的时间:

目前它只添加到固定事件start_date...我想显示14:00事件114:10事件214:25事件314:50事件的时间4

如何v-for在 Vue.js 2.0 中增加指令中的值?

0 投票
1 回答
328 浏览

javascript - Vuejs2:绑定到不断增长的对象数组的自动调整文本区域列表不会更新它们的值

我将https://github.com/jackmoore/autosize绑定到a 中textarea列出的 s v-for,并且在增长绑定到该列表的数组结构时,我看到了一种奇怪的数据持久性行为:

在 v-for 错误动画中增长 textarea

在左侧,输入按预期移动到底部,而在右侧,新绑定textarea的 s 保持前一个的值textarea

代码:https ://jsfiddle.net/adrienjoly/Lb3yqdso/6/

知道如何解决此映射/绑定问题吗?