问题标签 [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 - v-for 实例上没有定义属性或方法
我有一个在另一个组件中调用的组件,它使用 v-for 循环。但我无法在循环中获得该属性,也不明白为什么。
这是代码https://jsfiddle.net/playoutprod/octw411z/1/
麻烦附加在此行 (17) 上:
我试过这个:
女巫以相同的错误正确渲染(但显示“hs”数组填充良好)
javascript - 如何将类切换到 v-for 中的单个元素
我是 vueJs 的新手,一旦您单击它,我就会尝试将“活动”类切换为单个元素。这是我的代码,使用类 material_icons 切换所有元素。如何仅切换单击的元素?谢谢。我的 hmtl :
我的js:
arrays - 组件 v-for 循环中的重复键
v-for 重复键问题
这会返回一个列表就好了,但是当我修改数组中的用户时,比如 user.role = 'something',它说我有重复的键。密钥是用 user.id 设置的,这是他们的 firebase 密钥,所以不能重复吗?结果是修改后的用户接管了列表中的其他用户,所以它显示了两次(我没有尝试过超过两个用户),但是如果我返回然后重新访问这个列表,它会显示更新后的数据符合预期。
V-for 循环:
数据:
对数组进行排序:
我用来更改用户角色的方法:
vue.js - 如何在 F7+Vue 中使用 v-for 循环更新手风琴项目标题?
如何使用 F7+Vue 中的 v-for 循环更新手风琴项标题?我需要将每个手风琴项标题设置为 myList 数组中每个对象的标题,该数组正在使用 v-for 循环。
这是下面的示例:
autocomplete - 在 v-for 中使用自动完成
我对 vuejs2 非常陌生,但我正在尝试使用它!
我使用 v-autocomplete 组件,我从这里下载:
https://github.com/paliari/v-autocomplete
组件在循环 v-for 中,我无法正确设置道具所有道具都反映在所有组件上,正确的方法是什么?
这里有一个图像来理解:
https://i.imgur.com/5C0jbXp.png
我的代码:
我的Vue页面:
vue.js - Vue.js 绑定列表中每个项目的样式(类)与 v-for 依赖于项目数据
我有一个 vue 对象,其中包含一组项目作为数据(在我的情况下是飞行计划)。到目前为止,该列表已正确呈现。
现在问题来了。我想在迭代v-for
列表中的每个项目(飞行计划)时应用不同的样式,具体取决于当前迭代的飞行计划成员的值fplType
。目前所有列表项(飞行计划)都获得类flightplan-list-ifr-dep
。
但我需要类似(伪代码)的东西:
因此,每个项目都根据当前迭代飞行计划的 fplType 应用自己的类。
vue.js - Vue :click 在 v-for 中自动触发
我有 v-for 循环,其中的元素有 :click 调用函数。该功能会在页面加载时的每个元素上自动触发!
基本上我在控制台日志中add item 1
得到一个列表add item 2
javascript - Vue JS 在使用 v-for 渲染的单个项目上切换类
我正在使用 v-for 指令来呈现列表。
我想要的是向触发事件的类添加一个li
类dragenter
?我怎样才能做到这一点?我什至如何在事件句柄中首先获得对项目(项目,而不是父组件的数据属性)的引用?即使我获得了引用,如何从那里切换类?谢谢。我知道 vue 是数据驱动的,更改数据以反映在 DOM 上,但我想要一个简洁的解决方案,而不是基于数据模型的解决方案的索引/ID。谢谢