问题标签 [v-for]

如果我有以下数据属性：

并想循环并输出如下：

到目前为止，我有：

但这显示：

最后有一个额外的逗号，我怎样才能让它检测到它是最后一个道具而不显示逗号？我认为 v-show 或 v-if 可能是解决方案，但无法完全弄清楚如何使其工作。

我有一个数组（历史），每次按下按钮时都会推送两个项目。这两个项目在打印时需要具有不同的 css 样式。

HTML

JS (Vue)

这样做的问题是没有办法改变toggle循环期间的真实性。有没有更好的方法来解决这个问题？

我正在尝试创建一个表单，其中有一个选择列表（从 API 获取），用户可以从该列表中将项目添加到单独的数组中。新数组也通过 v-for 渲染，并使用 v-model 编辑一些额外的数据。

例如，我有一个预先定义的商品/服务列表，它将呈现到选择选项块中。现在用户可以选择其中一种产品并将它们添加到发票中。添加（推送到新数组）后，用户必须能够进行一些额外的更改。

添加服务方法：

现在我想渲染我推入的列表：

一切都很好，直到我两次添加相同的项目并尝试修改其中一个的价格 - 它改变了两者的价格。

考虑到这种情况

在 .vuetemplate

在 .vue<script>

我的问题是：

1）有没有办法将 textarea 的值与每个推文对象的内容同步？该值是指文本区域的内部文本。

2）有没有办法在“打字”方法中获取文本区域的值？

我的 JSON 数据结构如下：

我正在尝试获取每个外部索引的内部索引数据的索引 2 的值。我如何使用 v-for 来做到这一点。我已经尝试过这种方式，但它不起作用。

我正在添加实际数据的缩写版本

我在 IE 11 的控制台窗口中收到以下错误 - 无法获取未定义或空引用的属性“2”

但是如果我写这个，我会在我的页面中看到数据 -

我该怎么做呢？谢谢

我刚刚开始使用 Vue.js，在加载静态 img（例如我的徽标）时访问 assets 文件夹非常简单：

但是，我正在使用 v-for 使用示例数据创建几个列表项，这是我的模板：

这是在同一个 .vue 文件中声明的示例数据：

我的问题是imgs all 404 这看起来很奇怪，因为相同的路径适用于静态imgs。如果我使用这样的绝对路径，它可以工作

浏览了文档后，我发现了这个https://vuejs-templates.github.io/webpack/static.html

这可能会解释它，但我已经尝试了每种建议的方法，但没有任何运气：

资产处置规则

• 相对 URL，例如 ./assets/logo.png 将被解释为模块依赖项。它们将被替换为基于您的 Webpack 输出配置自动生成的 URL。

• 无前缀的 URL，例如 assets/logo.png 将被视为与相对 URL 相同并被翻译成 ./assets/logo.png。

• 以 ~ 为前缀的 URL 被视为模块请求，类似于 require('some-module/image.png')。如果你想利用 Webpack 的模块解析配置，你需要使用这个前缀。例如，如果您有资产的解析别名，则需要使用以确保尊重别名。

• 根本不处理与根目录相关的 URL，例如 /assets/logo.png。

这是 webpack 而不是 vue 的问题吗？如此易于使用的库会使文件路径之类的东西变得复杂，这似乎很疯狂。

如何在下面的代码中获取方法中的值row.question_id和值？我正在使用 Vue.js v2。option.AnswerMasterIDselectChange

我的方法如下：

我想获取其值option.AnswerMasterID在内部循环中。

我正在尝试使用 Vue.js，但遇到了问题。我正在学习 Laracasts 的教程，但我的 v-for 不起作用。

HTML：

JS：

小提琴：https ://jsfiddle.net/4pb1f4uq/

如果有帮助，链接到 Laracast 与剧集： https ://laracasts.com/series/learn-vue-2-step-by-step/episodes/4?autoplay=true

我正在使用v-for基于对象数组呈现列表。

当您单击列表项时changeCategory(index)运行：

因此，单击的列表项active属性设置为true，所有其他属性设置为false，并且列表项.active添加了一个类（因为:class="{active: category.active}"模板中的行。

但是，DOM 不会更新以显示此更改。

无论如何，当发生这种变化时，是否会自动更新 DOM，而不this.$forceUpdate()在changeCategory(index)函数中使用？

编辑：更改map为forEach，DOM 仍然没有更新。

编辑：我正在使用带有打字稿的 vue-class-components

请参考下面的模板，如何添加条件以确保menu不在属性undefined内？v-for

我试过了v-for="menu?item in menu.items:[]"，v-for="item in menu?.items"但都不管用。