标签:跳转 百度 sde 大神 article 三方 space number body
项目功能需要,要从列表页跳转到第三方提供的URL上(这里第三方页面我是通过iframe引入在详情页,目的是点击返回时可以通过keepAlive让列表页不刷新,如果不通过iframe直接跳第三方链接,那么返回必然会重新拉取数据),一路百度,刚开始使用
1
|
this .$router.push({name: ‘list‘ , params:{id: id}}) |
在详情页获取参数:
1
|
this .$route.params.id |
试了一下,可以拿到数据,很开心,本以为这样就结束了,然后刷新了下页面,发现页面啥都没了(因为传过来的是URL),百度了下,原来这种传参刷新页面时参数会消失
没办法,问了下老大,他说用query属性设置,于是就接着百度,找到大神的文章:https://blog.csdn.net/qq_43103581/article/details/82260073,套用里面的方法:
1
|
this .$router.push({ name: ‘NewsDetail‘ , query: { newsUrl: url } }) |
1
|
this .$route.query.newsUrl |
1
2
3
4
5
6
|
routes: [ { path: ‘/list/:id‘ , name: ‘list‘ } ] |
1
|
this .$router.push({name: ‘list‘ , params:{id: id}}); |
获取参数:this.$route.params.id即可
标签:跳转 百度 sde 大神 article 三方 space number body
原文地址:https://www.cnblogs.com/matd/p/11576696.html