怎么在vue中根据进入的路由实现原路返回？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
创新互联建站-专业网站定制、快速模板网站建设、高性价比湘潭网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式湘潭网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖湘潭地区。费用合理售后完善，10余年实体公司更值得信赖。
情景：
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是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。
