I have this kind of object in my array:
{
name: 'name1',
url: 'http://url-1.tld'
},
{
name: 'name2',
url: 'http://url-2.tld'
}
When the div is clicked, I want to point the window.location.href to the url, but I can't seem to get the url from the data into my method.
<div v-for="person in persons" v-on:click="select($event)"></div>
select: function(event) {
window.location.href( ??? )
}
Does anyone have any suggestions?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
The accepted answer works but will refresh the page. In the SPA framework, we try to avoid refreshing the page, so the correct answer is:
Vue:
this.$router.push(person.url)Nuxt：
this.$router.push({ name: 'routename' })You need to pass
personas a parameter toselect, not$event:select: function(person) { window.location.href = person.url; }