javascript - 如何在 VueJS 中将循环项推送到数组中

标签 javascript arrays api vue.js

<分区>

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

所以我试图将第一个和第四个项目插入电子邮件数组..

最佳答案

您不会从 View 中提取数据;您需要在 View 模型中进行值选择。看起来你想要的是 computed喜欢:

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

您可以在 Axios 请求中使用计算出的数据,就好像它是一个 data 项一样。

关于javascript - 如何在 VueJS 中将循环项推送到数组中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49453490/

相关文章:

PHP 将数组赋值给变量

java - 为什么我会得到这个奇怪的输出 Hand@2802cf63?

java - org.languagetool 包不存在

php - 如何在 PHP 中解析响应头?

javascript - 谷歌图表 API : Add Blank Row to Timeline?

php - 将Mysql数据添加到外部javascript文件中的js var中

java - 给定一个整数数组,查找并递增具有Java中总数组最低总和的重复值?

api - 如何使用 V2 API 获取 MindMeister Map 的内容

javascript - flexbox list column-reverse 并从顶部开始

javascript - 如何在 react-admin 的 ReferenceInput 字段中格式化选项的文本?