在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue導(dǎo)航跳轉(zhuǎn)問題

vue導(dǎo)航跳轉(zhuǎn)問題

圖片描述

就是點(diǎn)擊下面的導(dǎo)航(如圖),頂部的title跟著更新,比如點(diǎn)擊“通訊錄”,頂部那個(gè)title就變成“通訊錄”。。。
導(dǎo)航和頂部title部分是我分別定義的兩個(gè)組件,footer.vue和header.vue
誰能告訴一個(gè)解決思路嗎 謝謝!

回答
編輯回答
空白格

有幾種解決方法:
1、使用 vuex,詳細(xì)自己參考官方文檔。(不建議小項(xiàng)目使用)。
2、兄弟級(jí)組件之間數(shù)據(jù)傳遞,可以在footer.vue中傳遞數(shù)據(jù)到父及組件中,父及組件在傳遞到header.vue組件中。
3、使用router點(diǎn)擊之后跳轉(zhuǎn)到不同的路由下面,也可以是帶參數(shù)的形式。當(dāng)路由改變的時(shí)候,在header.vue使用如下方法進(jìn)行獲取并修改:

beforeRouteEnter(to, from, next) {
            var params = to.params.bid;
            next()
        },
beforeRouteUpdate(to, from, next) {
    next()
},
beforeRouteLeave(to, from, next) {
    next()
},

這幾個(gè)方法詳細(xì)參考官方的API簡單實(shí)用

2017年1月8日 22:08