十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
怎么在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生态系统支持的库开发复杂的单页应用。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。