Apabila div diklik, lompat ke kaedah Vue bagi url yang ditakrifkan dalam data

Question

Saya mempunyai objek jenis ini dalam tatasusunan saya:

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

Apabila div diklik, saya ingin menghalakan window.location.href ke url tetapi saya nampaknya tidak dapat memasukkan url daripada data ke dalam kaedah saya.

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

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

Ada sesiapa ada cadangan?

Answer 1

Jawapan yang diterima berfungsi tetapi menyegarkan halaman. Dalam rangka kerja SPA, kami cuba mengelak daripada menyegarkan halaman, jadi jawapan yang betul ialah:

Vue:this.$router.push(person.url)

Nuxt:this.$router.push({ name: 'routename' })

Answer 2

Anda perlu person 作为参数传递给 select，而不是 $event:

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

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