怎么在vue中根据进入的路由实现原路返回?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
公司主营业务:做网站、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出渠县免费做网站回馈大家。情景:
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是什么
Vue是一套用于构建用户界面的渐进式JavaScript框架,Vue与其它大型框架的区别是,使用Vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。