欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)示例

    本文主要介紹了ElementUI?復(fù)雜頂部和左側(cè)導航欄實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-04-04
  • vue-cli 引入jQuery,Bootstrap,popper的方法

    vue-cli 引入jQuery,Bootstrap,popper的方法

    這篇文章主要介紹了vue-cli 引入jQuery,Bootstrap,popper的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • vue基礎(chǔ)之data存儲數(shù)據(jù)及v-for循環(huán)用法示例

    vue基礎(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-03
  • Vue路由切換和Axios接口取消重復(fù)請求詳解

    Vue路由切換和Axios接口取消重復(fù)請求詳解

    在web項目開發(fā)的過程中,經(jīng)常會遇到客服端重復(fù)發(fā)送請求的場景,下面這篇文章主要給大家介紹了關(guān)于Vue路由切換和Axios接口取消重復(fù)請求的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • Vue Router的介紹與引入功能詳解

    Vue Router的介紹與引入功能詳解

    Vue Router 是?Vue.js?的官方路由,它與 Vue.js 核心深度集成,讓用 Vue.js 構(gòu)建單頁應(yīng)用變得輕而易舉,這篇文章主要介紹了Vue Router的介紹與引入,需要的朋友可以參考下
    2024-01-01
  • Vue3項目中reset.scss模板使用導入

    Vue3項目中reset.scss模板使用導入

    這篇文章主要為大家介紹了Vue3項目中reset.scss模板使用導入示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-09-09
  • 淺談Vue的基本應(yīng)用

    淺談Vue的基本應(yīng)用

    本文主要介紹了Vue的基本應(yīng)用。具有一定的參考價值,需要的朋友一起來看下吧
    2016-12-12
  • vue3.0父傳給子的值不隨父組件改變而改變問題及解決

    vue3.0父傳給子的值不隨父組件改變而改變問題及解決

    這篇文章主要介紹了vue3.0父傳給子的值不隨父組件改變而改變問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue+socket.io+express+mongodb 實現(xiàn)簡易多房間在線群聊示例

    vue+socket.io+express+mongodb 實現(xiàn)簡易多房間在線群聊示例

    本篇文章主要介紹了vue+socket.io+express+mongodb 實現(xiàn)簡易多房間在線群聊示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2017-10-10
  • Vue2+element-ui實現(xiàn)面包屑導航

    Vue2+element-ui實現(xiàn)面包屑導航

    這篇文章主要為大家詳細介紹了Vue2+element-ui使用面包屑導航的正確姿勢,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04

最新評論