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

vue.js - v-for 上的 Vue 同步数据

在我的模板中,我有这个元素:

在我的脚本中,我有:

我的问题是如何让<span>元素显示出来并v-for在响应返回的列表中执行items

0 投票
2 回答
14964 浏览

vuejs2 - vue.js 的 v-for 中的条件?

我想避免image下面代码中的值。image是一个关键property。我怎样才能做到这一点 ?

0 投票
3 回答
12167 浏览

css - 跳过 v-for vuejs2 的第一个结果

我正在使用 laravel 5.5 和 vuejs2 以及 lodash 项目。我想跳过结果中的第一个数据,如下图所示。这是我的 vuejs2 代码。

这是我的 laravel 刀片代码:

到目前为止一切都很好,除了当我像这样设置数组时第一个值看起来没有结果是空的:

结果显示如下:

在此处输入图像描述

我想从搜索中删除第一个空值。

0 投票
1 回答
412 浏览

javascript - HTML 中的 Vue JS 无法识别添加的对象和属性

我有一个名为myApp. 我的 Vue JS 实例中有一个名为 loadPlannedAlerts 的方法,它在mounted. 这是一个 AJAX 调用,首先获取 JSON 数据,然后再添加。数据是一个带有键值对的 JSON 对象,看起来类似于{key: 'value, key2: 'value2}'.

在我的 HTML 中,我有一个v-for显示此消息数据的循环。

出于某种原因,我可以在浏览器的控制台中提取添加findUser的键值,甚至可以在浏览器的开发工具 Vue 插件中看到它。但是输入到我的消息框中的数据并没有绑定到每个findUsers。

是否有我遗漏的东西,或者我忽略的操作顺序?在我添加之前数据中已经存在的任何其他内容都可以很好地绑定。

更新

如果我遵循 Decade Moon 的常规键值对解决方案,我根本不改变组件,并完成构建它应该看起来的样子,然后为其分配值,那么它就可以正常工作。如果我尝试分配一个键值对,其中值是另一个包含键值对的对象,那么它仍然不起作用。

0 投票
1 回答
208 浏览

vue.js - 按属性从 dom 中选择 v-for 项目的最简单方法?

我正在呈现这样的交易列表:

现在一个交易有一个id属性,你可以看到它被传递到setScrollLocation方法中。

如何从 dom 中选择具有特定交易 ID 的元素?

我可以使用数据属性之类的东西,只需在其上设置交易 ID,如下所示:

现在我有一些可以用 a 来查询的document.querySelector东西,比如this.$el.querySelector.

我不喜欢querySelector在我的组件中使用类似 a 的东西,因为这不是容错的。有什么更好的方法来做到这一点?

0 投票
1 回答
870 浏览

vue.js - 使用 vue.js 在 v-for 中显示随机顺序

我正在使用 MongoDB 和 vue.js 来显示我的数据库中的内容,该内容作为一个对象返回,该对象具有多个包含其他对象的属性。

但问题是v-forvue.js 的功能是随机显示内容。在我的数据库中,内容按字段创建排序,并保持在这个位置。当我得到对象时this.statics,如果我 console.log 它,我有这些字段按字母排序。但我不明白的是:当我用 a 显示它时,v-for它们永远不会以相同的顺序出现。

这是我的Vue代码:

问题是在哪里keys

这是我返回对象的函数:

console.log for this.statics(谁从不改变):

0 投票
1 回答
836 浏览

javascript - 无法使用 router-link 和 v-for 在 vuejs 上动态绑定路径

我无法使用 v-for 指令正确渲染路由器链接。

我想要的是,我希望侧边菜单有一个链接,将用户引导到 url 与侧边菜单元素的名称对应的页面。
因此,如果元素是 'HOME',它应该指向
myproject.com/HOME。
然而,不知何故,它在渲染时变成了
myproject.com/Campaign/Campaign/Campaign/HOME

我真的不知道发生了什么,我正在寻求帮助。

上面的结果是:

0 投票
1 回答
2118 浏览

vue.js - Vue:嵌套 v-for-loop 中的 v-model

我被嵌套的 for 循环和其中的 v-model 困住了。我在第一个 for 循环 (row.amount) 中更新数据没有问题,但是当我在一行中更改 John 的输入 member.share 时,John 的所有共享都更新了吗?

我的组件:

这是数据:

0 投票
1 回答
3888 浏览

javascript - v-for 循环项目不会在 Vue 中立即更新

我将逐点解释,因为它可能是一个安静的复合体。

  • 我用鼠标或触控板突出显示文本,并且在 mouseup 上突出显示的文本存储在对象数组中。每个对象都包含选定的文本。

  • 只要我选择不同的文本,我希望在该数组上循环以便能够一一显示所有选择。

基本上,我将每个选定的文本存储到 selectionArray。每个 selectedText 都是对象内的字符串。所以 SelectionArray 变成这样的对象数组在第一次选择上:

在第二个选择中,数组被更新:

依此类推...最后,我在等于 selectionArray 的 items 数组上使用 v-on 循环:

目前我几乎就在那里,但缺少一些东西,因为我没有看到实时修改我必须对 HTML(奇怪)进行无用的修改,例如才能看到结果。我怀疑创建的方法,但我需要帮助,至少是一种逻辑的调查方式。谢谢

这是代码:

0 投票
2 回答
1941 浏览

vue.js - 在表格中嵌套 v-for vuejs

我有两组数据。

持续时间列表

分配给该特定持续时间的巴士列表

我正在使用表格来显示使用 vue js 的持续时间列表

但实际上,我想根据assignedBus数据显示持续时间和相应的按钮

表中的值必须是这样的

因此,如果按钮timeDurations中有匹配assignedBus的数据必须是View BuselseAssign Bus

这是我的小提琴-> https://jsfiddle.net/943bx5px/31/

请帮忙。谢谢