Vue.js 如何访问数组obj上的元素

我想添加一个a href链接

我想绑定行中的值，它是一个数组：

rows: [["href": "href.com", "id"=>"10"], ["href":"href.com", "id"=>"20"]]

---

href值在每个数组上都是相同的，因此如何在不执行

v-for=“row in rows”

的情况下获取href您当前在一个数组中有一个数组。我假设您的意图是在数组中包含一个对象，如下所示：

<template v-for="row in rows" :key="row.id">
  <a :href="row.href">Link</a>
</template>

行：[{“href”：“href.com”，“id”：“10”}，{“href”：“href.com”，“id”：“20”}]

在这种情况下，您可以执行建议的操作，并使用

行[0]['href']

访问

行

数组中的对象，或者在

行

中执行v-for操作，如下所示：

<template v-for="row in rows" :key="row.id">
  <a :href="row.href">Link</a>
</template>

---

您当前在一个数组中有一个数组。我假设您的意图是在数组中包含一个对象，如下所示：

<template v-for="row in rows" :key="row.id">
  <a :href="row.href">Link</a>
</template>

行：[{“href”：“href.com”，“id”：“10”}，{“href”：“href.com”，“id”：“20”}]

在这种情况下，您可以执行建议的操作，并使用

行[0]['href']

访问

行

数组中的对象，或者在

行

中执行v-for操作，如下所示：

<template v-for="row in rows" :key="row.id">
  <a :href="row.href">Link</a>
</template>

将数组设置为

[{“href”：“href.com”，“id”：“10”}，{“href”：“href.com”，“id”：“20”}]

并且所有子数组都具有相同的

href

，您可以使用

行[0]

提取

行中的第一个元素，然后作为普通javascript对象访问
href
键。在模板中，您可以编写
将数组设置为
[{“href”：“href.com”，“id”：“10”}，{“href”：“href.com”，“id”：“20”}]
并且所有子数组都具有相同的
href
，您可以使用
行[0]提取
行中的第一个元素
然后作为普通javascript对象访问
href
键。在模板中，您可以编写
数组不是有效的javascript对象。你是说
[{“href”：“href.com”，“id”：“10”}，{“href”：“href.com”，“id”：“20”}]
？在这种情况下，您只需执行
行[0]['href']
@Psidom my bad即可，这很有效。请发布答案，以便我可以标记它。数组不是有效的javascript对象。你是说
[{“href”：“href.com”，“id”：“10”}，{“href”：“href.com”，“id”：“20”}]
？在这种情况下，您只需执行
行[0]['href']
@Psidom my bad，就行了。请发布答案，以便我可以标记它。正确声明无效：
=>
修复此问题，一切正常。谢谢！我没有注意到每个物体里面都有什么。修复'd.无效的正确声明：
=>
修复此问题，一切正常。谢谢！我没有注意到每个物体里面都有什么。修好。