如何将循环项目推送到VueJS中的数组

Question

我在我的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"]]

所以我试图将第一个和第四个项目推送到电子邮件阵列中..

Answer 1

您不从视图中提取数据;您需要在viewmodel中进行值选择。看起来你想要的是computed之类的：

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

您可以将Axios请求中计算的内容用作data项。