问题标签 [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.
vue.js - Vuejs嵌套的foreach循环不起作用
我有以下 HTML
我有以下脚本
我没有得到预期的分数。
vue.js - Vuejs - 数据未显示在数组中 - 没有错误
我有以下代码,我正在使用两个组件,一个称为Mustaches,另一个称为Mustache
我正在尝试使用Mustaches中的Mustache显示数据v-for
我没有收到任何数据或任何错误,Mustaches html 显示在源代码中,但未显示Mustache数据。
HTML
JS
呈现的 HTML
javascript - Vue.js - 将多个道具传递给 V-For 中的子级
我正在尝试创建一个带有可折叠列的表格,但无法让表格主体与标题一起折叠。这是一个小提琴,它清楚地表明了我想要做什么:https : //jsfiddle.net/ufw4f5qc/9/ 这是我尝试过的一个小提琴,它产生了一个错误:https ://jsfiddle.net/oafw74hz/ 2/
这个问题很可能与孩子和父母的范围有关。我正在使用道具将一个变量从父母传递给孩子,但孩子似乎不接受它。我是否正确绑定了道具 columnCollapsed?
在控制台中得到以下错误:
vue.js:2611 [Vue 警告]:渲染组件时出错
未捕获的类型错误:无法读取未定义的属性“项目”
旁注:您可能会注意到我在父组件和子组件中重复了某些方法和过滤器(formatDollars、formatPercent 等)的代码 - 如果您对在它们之间共享此代码有任何提示,请告诉我!:)
javascript - 来自对象键和嵌套数组的 Vue.js v-for 循环
我在另一个 v-for 中安静了一个复杂的 v-for 循环。基本上显示问题列表和该问题的答案列表。我计划获取问题的密钥并将其用作 grouped_answers 的密钥。
v-for 循环如下:
当前返回以下错误:
无法读取未定义的属性“答案”。
grouped_answers 对象示例在这里:
对于完整的模板,我附上了以下代码:
推荐后更新
javascript - Vue.js:使用带有 v-for 的对象的双向数据绑定
我在将输入数据绑定到对象属性时遇到问题。我正在遍历一个对象以从其属性生成输入字段,但数据绑定无法使用 v-model 工作。这是我的代码(控制台日志保持为空):
vuejs2 - 如何签入数组 Vuejs
我有这样的对象:
有没有我如何检查行对象中是否存在关键标题对象。
感谢和抱歉我的英语不好。
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)...
基本上,我正在尝试对正在循环的数组元素进行条件循环。我怎么能做到这一点?
javascript - Vue.js v-for 在循环组件中增加一些变量
我正在尝试显示活动议程上的项目列表。
活动start_date
结束 议程上的每个项目都有一个duration
以分钟为单位的时间,例如:
现在,在我的event
组件中,我加载agendas
了一个v-for
:
在agenda
组件中,我想增加每个项目开始的时间:
目前它只添加到固定事件start_date
...我想显示14:00
事件1
、14:10
事件2
、14:25
事件3
和14:50
事件的时间4
。
如何v-for
在 Vue.js 2.0 中增加指令中的值?
javascript - Vuejs2:绑定到不断增长的对象数组的自动调整文本区域列表不会更新它们的值
我将https://github.com/jackmoore/autosize绑定到a 中textarea
列出的 s v-for
,并且在增长绑定到该列表的数组结构时,我看到了一种奇怪的数据持久性行为:
在左侧,输入按预期移动到底部,而在右侧,新绑定textarea
的 s 保持前一个的值textarea
!
代码:https ://jsfiddle.net/adrienjoly/Lb3yqdso/6/
知道如何解决此映射/绑定问题吗?