问题标签 [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 回答
543 浏览

vue.js - v-for 实例上没有定义属性或方法

我有一个在另一个组件中调用的组件,它使用 v-for 循环。但我无法在循环中获得该属性,也不明白为什么。

这是代码https://jsfiddle.net/playoutprod/octw411z/1/

麻烦附加在此行 (17) 上:

我试过这个:

女巫以相同的错误正确渲染(但显示“hs”数组填充良好)

0 投票
2 回答
573 浏览

javascript - 如何将类切换到 v-for 中的单个元素

我是 vueJs 的新手,一旦您单击它,我就会尝试将“活动”类切换为单个元素。这是我的代码,使用类 material_icons 切换所有元素。如何仅切换单击的元素?谢谢。我的 hmtl :

我的js:

0 投票
1 回答
1928 浏览

arrays - 组件 v-for 循环中的重复键

v-for 重复键问题

这会返回一个列表就好了,但是当我修改数组中的用户时,比如 user.role = 'something',它说我有重复的键。密钥是用 user.id 设置的,这是他们的 firebase 密钥,所以不能重复吗?结果是修改后的用户接管了列表中的其他用户,所以它显示了两次(我没有尝试过超过两个用户),但是如果我返回然后重新访问这个列表,它会显示更新后的数据符合预期。

V-for 循环:

数据:

对数组进行排序:

我用来更改用户角色的方法:

0 投票
1 回答
167 浏览

vue.js - 如何在 F7+Vue 中使用 v-for 循环更新手风琴项目标题?

如何使用 F7+Vue 中的 v-for 循环更新手风琴项标题?我需要将每个手风琴项标题设置为 myList 数组中每个对象的标题,该数组正在使用 v-for 循环。

这是下面的示例:

0 投票
1 回答
1538 浏览

autocomplete - 在 v-for 中使用自动完成

我对 vuejs2 非常陌生,但我正在尝试使用它!

我使用 v-autocomplete 组件,我从这里下载:

https://github.com/paliari/v-autocomplete

组件在循环 v-for 中,我无法正确设置道具所有道具都反映在所有组件上,正确的方法是什么?

这里有一个图像来理解:

https://i.imgur.com/5C0jbXp.png

我的代码:

我的Vue页面:

0 投票
3 回答
4950 浏览

vue.js - Vue.js 绑定列表中每个项目的样式(类)与 v-for 依赖于项目数据

我有一个 vue 对象,其中包含一组项目作为数据(在我的情况下是飞行计划)。到目前为止,该列表已正确呈现。

现在问题来了。我想在迭代v-for列表中的每个项目(飞行计划)时应用不同的样式,具体取决于当前迭代的飞行计划成员的值fplType。目前所有列表项(飞行计划)都获得类flightplan-list-ifr-dep

但我需要类似(伪代码)的东西:

因此,每个项目都根据当前迭代飞行计划的 fplType 应用自己的类。

0 投票
1 回答
1503 浏览

vue.js - Vue :click 在 v-for 中自动触发

我有 v-for 循环,其中的元素有 :click 调用函数。该功能会在页面加载时的每个元素上自动触发!

基本上我在控制台日志中add item 1得到一个列表add item 2

0 投票
1 回答
316 浏览

canvas - 如何 v-for 驱动画布标签并将内容保存在画布中

有源代码 https://codesandbox.io/s/9lqnroooxr

如何 v-for 准确驱动画布标签?

有这样的类或指令吗?

0 投票
1 回答
88 浏览

vuejs2 - 图片未显示(VueJS - 使用 v-for)

所以我对 VueJS 还是很陌生,我一直在用它来创建一个网格状的图片库。我尝试使用 v-for 通过循环遍历包含每个图像信息的 JSON 文件来显示图像。我将包括所有这些。但这就是显示的内容(屏幕截图): 所以图像不会显示

我没有检查与文件结构相关的链接。所以这是包含图片库的组件的代码(请注意,href 链接确实有效):

这是 JSON 文件(显然,它确实获取了数据):

这是我的文件结构:在此处输入图像描述

0 投票
1 回答
487 浏览

javascript - Vue JS 在使用 v-for 渲染的单个项目上切换类

我正在使用 v-for 指令来呈现列表。

我想要的是向触发事件的类添加一个lidragenter?我怎样才能做到这一点?我什至如何在事件句柄中首先获得对项目(项目,而不是父组件的数据属性)的引用?即使我获得了引用,如何从那里切换类?谢谢。我知道 vue 是数据驱动的,更改数据以反映在 DOM 上,但我想要一个简洁的解决方案,而不是基于数据模型的解决方案的索引/ID。谢谢