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

今日长沙网络推广团队带来一篇关于Vue根据进入的路由进行原路返回的实用方法分享，希望对大家有所帮助。在实际应用中，我们可能会遇到这样的场景：从页面a到页面c后希望返回页面a，从页面b到页面c后希望返回页面b。面对这样的需求，我们可以采取以下解决方案。

在跳转时，我们需要为每个页面添加一个“from”字段来记录来源页面。

在a页面和b页面的跳转逻辑中：

我们通过PubSub订阅事件，并在路由跳转时添加一个query参数“from”，标识来源页面。

例如，在a页面：

```javascript

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', // 记录来源页面为a页面

}

});

}.bind(this));

```

在b页面类似，将“from”字段设置为“setAdvertise”。

在c页面的返回逻辑中：

我们检查当前路由的query参数中的“from”字段，根据该字段的值决定返回到哪个页面。

```javascript

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

}

});

}

}

```

这样，不论用户从哪个页面跳转到c页面，点击返回时都能准确地返回到之前的页面。这就是长沙网络推广团队为大家分享的全部内容，希望大家能够从中获得启发，也请大家多多支持狼蚁SEO。如果你觉得这个分享对你有所帮助，不妨点个赞或者分享给你的朋友，让更多的人受益。