欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-20 20:23:42
情景: a---------->c 点击返回,希望返回到a b---------->c 点击返回,希望返回到b 解决方案: a页面,加from字段...

情景:

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根据进入的路由进行原路返回的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。