如何从 vueJs 中的对象数组创建对象数组？

Question

我有一个对象数组，它如下

但是，我需要展示

• 电子邮件：电子邮件 muss eine .....
• 电话：电话号码……

我怎样才能在 javascript 中做到这一点？实际上我需要在 VueJs 中使用它。

Answer 1

从你从 props 收到的截图来看，我们可以在模板中做到这一点：

<template>
  <div class="errors">
    {{  failureReasons.email ? failureReasons.email[0] }}
  </div>
</template>

如果您想将所有错误放入一个数组中（例如 ['Email mus...', 'Telefon ...']），您可以这样做：

<template>
  <ul>
   <li v-for="error in Object.keys(failureReasons).map(key => failureReasons[key][0])"> {{ error}} </li>
  <ul>
</template>