Javascript 对象数组中的属性名称是否可变？

请大家帮忙，我有：

我怎样才能得到这样的东西

<div v-for="(field,index) in fields" :key="index">
<span> {{field.attributeName}}</span>
<span> {{ field.attributeValue }}</span>
</div>

{{field.attributeName}
{{field.attributeValue}

我的意思是不需要手动输入属性名（只需从数组中获取） 请帮我个新手

---

我只想通过用户输入、用户按键生成联系人字段 添加按钮并获取2个字段。第一个键，第二个键的值， 键和值用户手动插入。我想我可以避免 为此使用2数组方法((

---

您可以在for循环中分解结构。因此，您的v-for将如下所示：

<div v-for="({email, phone, address},index) in fields" :key="index">
<span> {{ email }}</span>
<span> {{ phone }}</span>
<span> {{ address}}</span>
</div>

{{email}}
{{phone}}
{{地址}

噢，谢谢你的评论我理解，是我的错

我需要将数据转换为：

并展示：

<div v-for="(field,index) in fields" :key="index">
<span> {{field.key}}</span>
<span> {{ field.value}}</span>
</div>

{{field.key}}
{{field.value}}

---

感谢您的帮助！

您尝试了什么，在哪里遇到了问题？您能否显示在处理

字段

数组后希望获得的确切输出？请阅读“在数组处理之后，我想把关键字作为值来显示在模板中。你有一个数据问题，你的数据应该是一个对象而不是数组格式。我只想通过用户输入生成一个联系字段，用户按下添加按钮，得到2个字段第一个键，这个键的第二个值，键和值使用。手动插入。我想我可以避免使用2数组方法(（很好，但是你需要在问题中添加这些信息，以及所需结果的html格式。注释是暂时的，很可能会被删除。正如我上面所说的，查看指导原则，然后编辑你的问题，这样你可能会得到一个好的答案。看起来OP希望在一个

中输入给定键的名称，并且下一步中该对象键持有的值；除非我误解了什么-很可能，我对Vue真的不熟悉-否则您的回答将只打印出值？啊，这可能会有帮助：不，抱歉，但不是，数组中的大小写可能是每个人的许多不同属性名称，我需要cr从属性名称中删除变量，若要正确显示，我如何执行此操作？例如，电子邮件：name@mail.com，如果数组的第一个元素可以是birth，那么我需要-birth:10.10.12正如在对问题的评论中提到的，您还可以使用解构来帮助：

v-for=“（{key，value}，index）in fields”

。

  fields: [
    { key: email, value: 'ignat@domain.com' },
    { key: phone, value: '+1223456789' },
    { key: address, value: 'Paris, some address..' }
  ]

<div v-for="(field,index) in fields" :key="index">
<span> {{field.key}}</span>
<span> {{ field.value}}</span>
</div>