點擊div時,跳到在data中定義的url的Vue方法
P粉426780515
P粉426780515 2023-10-23 15:46:15
0
2
598

我的陣列中有這種物件:

{
  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( ??? )
}

有人有建議嗎?

P粉426780515
P粉426780515

全部回覆(2)
P粉399090746

接受的答案有效,但會重新整理頁面。在 SPA 框架中,我們盡量避免刷新頁面,因此正確答案是:

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

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

P粉086993788

您需要將 person 作為參數傳遞給 select,而不是 $event

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

select: function(person) {
  window.location.href = person.url;
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板