点击div时,跳转到在data中定义的url的Vue方法
P粉426780515
P粉426780515 2023-10-23 15:46:15
[Vue.js讨论组]

我的数组中有这种对象:

{
  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;
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号