如何在VueJS中将循环项推送到数组中[关闭]答案

【问题标题】：How to push loop items into an array in VueJS [closed]如何在VueJS中将循环项推送到数组中[关闭]
【发布时间】：2018-09-02 08:33:27
【问题描述】：

我在我的 html 模板中使用 VueJS，我正在尝试遍历一个多维数组并使用 VueJS 将某些值推送到一个单独的数组中。下面是我的html代码：

<span v-for="item in details" >
    {{item[0]}}
</span>

var app = new Vue ({
	el: "#app",
	data(){
		return {
			column: '',
			details: '',
			email: []
		}
	}

结果如下：

EB0010 NA AAM0003 AAM0001 AAM0004 AAM0005 VF0036

如何将上述这些值推送到电子邮件数组对象中，我可以通过 Axios Post 请求将其发送到后端 API？任何帮助将不胜感激。

编辑： 这是我的多维数组

 "DATA":[["AAM0001","March, 07 2016 00:00:00 +0100","Jack","jack@yahoo.com","DMD","Senior Associate","1100000538"],
["AAM0002","March, 10 2016 00:00:00 +0100","Peace","peace@yahoo.com","DMD","Junior Associate","1100000539"]]

所以我正在尝试将第一个和第四个项目推送到电子邮件数组中..

【问题讨论】：

你的多维数组在哪里？
您能否更具体地说明给出的具体内容以及您想要实现的目标、预期的结果等...
您不能对多维数组进行平面映射，然后将结果数组过滤到您需要匹配的任何内容吗？ @PhilipFeldmann 是对的，我们需要更多示例来说明您正在努力实现的目标，以便为您提供最好的帮助。
@MohammadUsman 我已经编辑了我的问题以包含数组。
@PhilipFeldmann 我已经编辑了我的问题以包含数组。

标签： javascript arrays api vue.js

【解决方案1】：

您不会从视图中提取数据；您需要在视图模型中进行值选择。看起来你想要的是computed，比如：

firstItems() {
  return this.details.map((item) => item[0]);
}

您可以在您的 Axios 请求中使用该计算值，就像它是 data 项目一样。

【讨论】：

非常感谢@Roy J ..这正是我想要的..