Vue:点击div,转到数据中定义的url

Question

我在数组中有这种对象:

{
  name: 'name1',
  url: 'http://url-1.tld'
},
{
  name: 'name2',
  url: 'http://url-2.tld'
}

在div上单击,我想要一个window.location.href来url,但我似乎无法从数据中获取url到我的方法.

<div v-for="person in persons" v-on:click="select($event)"></div>

select: function(event) {
  window.location.href( ??? )
}

有人有建议吗？

Answer 1

你需要传递person参数select,而不是$event:

<div v-for="person in persons" v-on:click="select(person)"></div>

select: function(person) {
  window.location.href = person.url;
}