如何访问数组obj上的元素

时间:2018-02-27 14:34:42

标签: vue.js

我想添加一个href链接<a href=" ">Go Back</a>

我想绑定行中的值,这是一个数组:

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

href在每个数组上的值都相同,那么如何在不执行v-for="row in rows"的情况下获得href

2 个答案:

答案 0 :(得分:2)

您目前在数组中有一个数组。我假设你的意图是在数组中有一个对象,如:

rows: [{"href": "href.com", "id": "10"}, {"href":"href.com", "id": "20"}]

在这种情况下,您可以执行Psidom建议的内容并使用rows访问rows[0]['href']数组中的对象,或者在rows内执行v-for,如下所示:< / p>

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

答案 1 :(得分:1)

将您的数组作为[{"href": "href.com", "id":"10"}, {"href":"href.com", "id":"20"}]并且所有子数组都具有相同的href,您可以使用rows提取rows[0]中的第一个元素,然后访问{{1 key作为普通的javascript对象。在模板中,您可以编写href