Javascript 如何基于键值选择对象-VueJS

我在Vuejs中有一个对象（见下文）。我想选择电子邮件值，即：foo@bar.com“

我能做一件事

v-for(field in fields)

然后添加一个if语句以仅显示电子邮件

<div v-if="field.label == 'email'">{{field.value}}</div>

---

一种解决方案是创建字段

标签

到

值

计算：{
现场地图（）{
返回Object.fromEntries（this.fields.map（{label，value}）=>[label，value]））
}
}

然后你可以用

{{fieldMap.email}

---

如果您只想使用此特定字段，则可以创建计算属性以使访问更容易

计算：{
emailField（）{
让field=this.fields.find（（{label}）=>label==='email'）
返回字段？字段值：“”
}
}

然后你就可以使用

{{emailField}

一种解决方案是创建字段

标签

到

值

计算：{
现场地图（）{
返回Object.fromEntries（this.fields.map（{label，value}）=>[label，value]））
}
}

然后你可以用

{{fieldMap.email}

---

如果您只想使用此特定字段，则可以创建计算属性以使访问更容易

计算：{
emailField（）{
让field=this.fields.find（（{label}）=>label==='email'）
返回字段？字段值：“”
}
}

然后你就可以使用

{{emailField}

您也可以检查正在呈现的当前键是否具有与相应键与“电子邮件”标签自己的索引相匹配的索引

请注意，这只适用于此实例，因为我们已经知道对象的确切值

{{field.value}}
不是电子邮件：{field.value}

您也可以检查正在呈现的当前键是否具有与相应键与“电子邮件”标签自己的索引相匹配的索引

请注意，这只适用于此实例，因为我们已经知道对象的确切值

{{field.value}}
不是电子邮件：{field.value}

行得通，但我并不总是知道电子邮件的索引。行得通，但我不总是知道电子邮件的索引。甜美，看起来不错，很有魅力。谢谢你的快速回复@PhilSweet，我觉得很不错，很有魅力。感谢您的快速回复@Phil

<div v-if="field.label == 'email'">{{field.value}}</div>

fields(label, 'email')
// and
v-if fields.label == 'email'