vue頁面之間的傳遞

2021-10-11 05:54:26 字數 1048 閱讀 7243

但是我們還是會遇到頁面之間傳遞的場景,特別是移動端,如你跳轉到乙個刷選頁面,確認後返回到列表頁,根據你的刷選條件進行查詢

父子頁面

如果兩個頁面是父子頁面,即子頁面路由是巢狀在父頁面的children中的,是通過父頁面router-view載入出來的

1、那麼子頁面可以通過this.$parent直接呼叫到父頁面例項

// 子頁面可以通過$parent觸發父頁面的方法

this

.$parent.

send

('child send'

)// 父頁面

methods:

}

2、provide/inject,父頁面可以傳值給下面的子頁面

// 父頁面

provide:

// 子頁面

inject:

['value'

]mounted()

平級頁面

如果兩個頁面是平級的,比如列表頁和編輯頁,那麼可以採取以下方式,當然以下方式同樣適用父子頁面

1、vuex

這個就不多講了,全域性狀態統一管理,**都可以拿到

2、eventbus,也相當於全域性,建立乙個檔案,匯出vue例項

// global.js

import vue from

'vue'

export

default

newvue

()

// 繫結頁面

import global from

'./global.js'

mounted()

)}

// 觸發頁面

import global from

'./global.js'

global.

$emit

('notice'

)

3、路由傳參,通過url的拼接

頁面之間的值傳遞

頁面之間的值傳遞方式有很多,由於最近有用到,所以學習了一下,以下記錄 1.querystring方法 引數傳遞通過頁面重定向 response.redirect end.aspx?引數名 引數值 在新頁面引數的獲取方式 string 字元名 request.querystring 傳遞的引數名 2....

頁面之間引數的傳遞

如果您的應用程式從乙個 asp.net 網頁重定向 導航 到另乙個 asp.net 網頁,您經常希望將資訊從源頁傳遞到目標頁。例如,您可能具有乙個頁面,使用者可以從中選擇要購買的商品。當使用者提交該頁時,您希望呼叫其他頁,以處理使用者輸入的資訊。可以採用各種方式在頁之間傳遞資訊,某些方式取決於重定向...

頁面之間的資料傳遞

頁面之間的資料傳遞 1 a.jsp提交資料到b.jsp a.jsp b.jsp string u request.getparameter num out.print u 2 url位址列傳引數 1 乙個頁面被訪問的時候,獲取位址列中的引數 http localhost 8081 myweb a.j...