vue根據(jù)進入的路由進行原路返回的方法
更新時間:2018年09月26日 14:26:02 作者:HainesFreeman
今天小編就為大家分享一篇vue根據(jù)進入的路由進行原路返回的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
情景:
a---------->c 點擊返回,希望返回到a
b---------->c 點擊返回,希望返回到b
解決方案:
a頁面,加from字段
PubSub.subscribe('table-view', function(msg, args) { var rowData = args[0], rowIndex = args[1]; //跳轉(zhuǎn)詳情頁 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根據(jù)進入的路由進行原路返回的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
ElementUI?復(fù)雜頂部和左側(cè)導航欄實現(xiàn)示例
本文主要介紹了ElementUI?復(fù)雜頂部和左側(cè)導航欄實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-04-04vue-cli 引入jQuery,Bootstrap,popper的方法
這篇文章主要介紹了vue-cli 引入jQuery,Bootstrap,popper的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09vue基礎(chǔ)之data存儲數(shù)據(jù)及v-for循環(huán)用法示例
這篇文章主要介紹了vue基礎(chǔ)之data存儲數(shù)據(jù)及v-for循環(huán)用法,結(jié)合實例形式分析了vue.js使用data存儲數(shù)據(jù)、讀取數(shù)據(jù)及v-for遍歷數(shù)據(jù)相關(guān)操作技巧,需要的朋友可以參考下2019-03-03vue+socket.io+express+mongodb 實現(xiàn)簡易多房間在線群聊示例
本篇文章主要介紹了vue+socket.io+express+mongodb 實現(xiàn)簡易多房間在線群聊示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-10-10