问题标签 [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 上的 Vue 同步数据
在我的模板中,我有这个元素:
在我的脚本中,我有:
我的问题是如何让<span>
元素显示出来并v-for
在响应返回的列表中执行items
?
vuejs2 - vue.js 的 v-for 中的条件?
我想避免image
下面代码中的值。image
是一个关键property
。我怎样才能做到这一点 ?
javascript - HTML 中的 Vue JS 无法识别添加的对象和属性
我有一个名为myApp
. 我的 Vue JS 实例中有一个名为 loadPlannedAlerts 的方法,它在mounted
. 这是一个 AJAX 调用,首先获取 JSON 数据,然后再添加。数据是一个带有键值对的 JSON 对象,看起来类似于{key: 'value, key2: 'value2}'
.
在我的 HTML 中,我有一个v-for
显示此消息数据的循环。
出于某种原因,我可以在浏览器的控制台中提取添加findUser
的键值,甚至可以在浏览器的开发工具 Vue 插件中看到它。但是输入到我的消息框中的数据并没有绑定到每个findUser
s。
是否有我遗漏的东西,或者我忽略的操作顺序?在我添加之前数据中已经存在的任何其他内容都可以很好地绑定。
更新
如果我遵循 Decade Moon 的常规键值对解决方案,我根本不改变组件,并完成构建它应该看起来的样子,然后为其分配值,那么它就可以正常工作。如果我尝试分配一个键值对,其中值是另一个包含键值对的对象,那么它仍然不起作用。
vue.js - 按属性从 dom 中选择 v-for 项目的最简单方法?
我正在呈现这样的交易列表:
现在一个交易有一个id
属性,你可以看到它被传递到setScrollLocation
方法中。
如何从 dom 中选择具有特定交易 ID 的元素?
我可以使用数据属性之类的东西,只需在其上设置交易 ID,如下所示:
现在我有一些可以用 a 来查询的document.querySelector
东西,比如this.$el.querySelector
.
我不喜欢querySelector
在我的组件中使用类似 a 的东西,因为这不是容错的。有什么更好的方法来做到这一点?
vue.js - 使用 vue.js 在 v-for 中显示随机顺序
我正在使用 MongoDB 和 vue.js 来显示我的数据库中的内容,该内容作为一个对象返回,该对象具有多个包含其他对象的属性。
但问题是v-for
vue.js 的功能是随机显示内容。在我的数据库中,内容按字段创建排序,并保持在这个位置。当我得到对象时this.statics
,如果我 console.log 它,我有这些字段按字母排序。但我不明白的是:当我用 a 显示它时,v-for
它们永远不会以相同的顺序出现。
这是我的Vue代码:
问题是在哪里keys
。
这是我返回对象的函数:
console.log for this.statics
(谁从不改变):
javascript - 无法使用 router-link 和 v-for 在 vuejs 上动态绑定路径
我无法使用 v-for 指令正确渲染路由器链接。
我想要的是,我希望侧边菜单有一个链接,将用户引导到 url 与侧边菜单元素的名称对应的页面。
因此,如果元素是 'HOME',它应该指向
myproject.com/HOME。
然而,不知何故,它在渲染时变成了
myproject.com/Campaign/Campaign/Campaign/HOME
。
我真的不知道发生了什么,我正在寻求帮助。
上面的结果是:
vue.js - Vue:嵌套 v-for-loop 中的 v-model
我被嵌套的 for 循环和其中的 v-model 困住了。我在第一个 for 循环 (row.amount) 中更新数据没有问题,但是当我在一行中更改 John 的输入 member.share 时,John 的所有共享都更新了吗?
我的组件:
这是数据:
javascript - v-for 循环项目不会在 Vue 中立即更新
我将逐点解释,因为它可能是一个安静的复合体。
我用鼠标或触控板突出显示文本,并且在 mouseup 上突出显示的文本存储在对象数组中。每个对象都包含选定的文本。
只要我选择不同的文本,我希望在该数组上循环以便能够一一显示所有选择。
基本上,我将每个选定的文本存储到 selectionArray。每个 selectedText 都是对象内的字符串。所以 SelectionArray 变成这样的对象数组在第一次选择上:
在第二个选择中,数组被更新:
依此类推...最后,我在等于 selectionArray 的 items 数组上使用 v-on 循环:
目前我几乎就在那里,但缺少一些东西,因为我没有看到实时修改我必须对 HTML(奇怪)进行无用的修改,例如才能看到结果。我怀疑创建的方法,但我需要帮助,至少是一种逻辑的调查方式。谢谢
这是代码:
vue.js - 在表格中嵌套 v-for vuejs
我有两组数据。
持续时间列表
分配给该特定持续时间的巴士列表
我正在使用表格来显示使用 vue js 的持续时间列表
但实际上,我想根据assignedBus
数据显示持续时间和相应的按钮
表中的值必须是这样的
因此,如果按钮timeDurations
中有匹配assignedBus
的数据必须是View Bus
elseAssign Bus
这是我的小提琴-> https://jsfiddle.net/943bx5px/31/
请帮忙。谢谢