J'ai ce genre d'objet dans mon tableau :
{
name: 'name1',
url: 'http://url-1.tld'
},
{
name: 'name2',
url: 'http://url-2.tld'
}
Lorsque l'on clique sur le div, je souhaite pointer window.location.href vers url mais je n'arrive pas à obtenir l'URL des données dans ma méthode.
<div v-for="person in persons" v-on:click="select($event)"></div>
select: function(event) {
window.location.href( ??? )
}
Quelqu'un a-t-il des suggestions ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
La réponse acceptée fonctionne mais actualise la page. Dans le framework SPA, nous essayons d'éviter de rafraîchir la page, donc la bonne réponse est :
Vue :
this.$router.push(person.url)Nuxt :
this.$router.push({ name: 'routename' })Vous devez
person作为参数传递给select，而不是$event:select: function(person) { window.location.href = person.url; }