vue根據(jù)進(jìn)入的路由進(jìn)行原路返回的方法
更新時(shí)間：2018年09月26日 14:26:02 作者：HainesFreeman
今天小編就為大家分享一篇vue根據(jù)進(jìn)入的路由進(jìn)行原路返回的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
情景：
a---------->c 點(diǎn)擊返回，希望返回到a
b---------->c 點(diǎn)擊返回，希望返回到b
解決方案：
a頁(yè)面，加from字段
PubSub.subscribe('table-view', function(msg, args) {
var rowData = args[0], rowIndex = args[1];
//跳轉(zhuǎn)詳情頁(yè)
this.$router.push({
name: 'viewAdvertiseDetails',
query: {
id: this.$route.query.id,
adsenseCampaignId: rowData.id,
from: 'viewAdvertise',
},
})
}.bind(this));
b頁(yè)面，加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頁(yè)面：
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ù)進(jìn)入的路由進(jìn)行原路返回的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
ElementUI?復(fù)雜頂部和左側(cè)導(dǎo)航欄實(shí)現(xiàn)示例
本文主要介紹了ElementUI?復(fù)雜頂部和左側(cè)導(dǎo)航欄實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
vue-cli 引入jQuery，Bootstrap，popper的方法
這篇文章主要介紹了vue-cli 引入jQuery，Bootstrap，popper的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
vue基礎(chǔ)之data存儲(chǔ)數(shù)據(jù)及v-for循環(huán)用法示例
這篇文章主要介紹了vue基礎(chǔ)之data存儲(chǔ)數(shù)據(jù)及v-for循環(huán)用法,結(jié)合實(shí)例形式分析了vue.js使用data存儲(chǔ)數(shù)據(jù)、讀取數(shù)據(jù)及v-for遍歷數(shù)據(jù)相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
Vue路由切換和Axios接口取消重復(fù)請(qǐng)求詳解
在web項(xiàng)目開(kāi)發(fā)的過(guò)程中,經(jīng)常會(huì)遇到客服端重復(fù)發(fā)送請(qǐng)求的場(chǎng)景,下面這篇文章主要給大家介紹了關(guān)于Vue路由切換和Axios接口取消重復(fù)請(qǐng)求的相關(guān)資料,需要的朋友可以參考下2022-05-05
Vue Router 是?Vue.js?的官方路由,它與 Vue.js 核心深度集成,讓用 Vue.js 構(gòu)建單頁(yè)應(yīng)用變得輕而易舉,這篇文章主要介紹了Vue Router的介紹與引入,需要的朋友可以參考下2024-01-01
Vue3項(xiàng)目中reset.scss模板使用導(dǎo)入
這篇文章主要為大家介紹了Vue3項(xiàng)目中reset.scss模板使用導(dǎo)入示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
本文主要介紹了Vue的基本應(yīng)用。具有一定的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
vue3.0父?jìng)鹘o子的值不隨父組件改變而改變問(wèn)題及解決
這篇文章主要介紹了vue3.0父?jìng)鹘o子的值不隨父組件改變而改變問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue+socket.io+express+mongodb 實(shí)現(xiàn)簡(jiǎn)易多房間在線群聊示例
本篇文章主要介紹了vue+socket.io+express+mongodb 實(shí)現(xiàn)簡(jiǎn)易多房間在線群聊示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-10-10
Vue2+element-ui實(shí)現(xiàn)面包屑導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了Vue2+element-ui使用面包屑導(dǎo)航的正確姿勢(shì)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04