当前位置: 移动技术网 > IT编程>脚本编程>vue.js > vue根据进入的路由进行原路返回的方法

vue根据进入的路由进行原路返回的方法

2018年10月03日  | 移动技术网IT编程  | 我要评论

黄家驹海阔天空歌词,腹黑市长滚远点,客家网

情景:

a---------->c 点击返回,希望返回到a

b---------->c 点击返回,希望返回到b

解决方案:

a页面,加from字段

pubsub.subscribe('table-view', function(msg, args) {
 var rowdata = args[0], rowindex = args[1];
 //跳转详情页
 this.$router.push({
 name: 'viewadvertisedetails',
 query: {
 id: this.$route.query.id,
 adsensecampaignid: rowdata.id,
 from: 'viewadvertise',
 },
 })
}.bind(this));

b页面,加from字段

pubsub.subscribe('table-view', function(msg, args) {
 var rowdata = args[0], rowindex = args[1];
 this.$router.push({
 name: 'viewadvertisedetails',
 query: {
 id: this.$route.query.id,
 adsensecampaignid: rowdata.id,
 from: 'setadvertise',
 },
 })
}.bind(this));

c页面:

back: function() {
 if(this.$route.query.from==='viewadvertise'){
 this.$router.push({
 name: 'viewadvertise',
 query: {
 id: this.$route.query.id
 },
 })
 }else if(this.$route.query.from==='setadvertise'){
 this.$router.push({
 name: 'setadvertise',
 query: {
 id: this.$route.query.id
 },
 })
 }
}

以上这篇vue根据进入的路由进行原路返回的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网