鍍金池/ 問答/Java  HTML/ vue v-if /v-show

vue v-if /v-show

我的header,content,footer都是公用的一個組件
這張圖片是加在公用組件當(dāng)中的.

想要的效果為:
clipboard.png
當(dāng)我點擊處理中心時,1.路由跳轉(zhuǎn)2.跳轉(zhuǎn)后出現(xiàn)一張圖片 (/home 路徑名稱)
當(dāng)我點擊我的工作臺時,1.路由跳轉(zhuǎn)2.跳轉(zhuǎn)后圖片消失 (/home2 路徑名稱)

我的想法是獲取當(dāng)前路徑,如果當(dāng)前路徑對應(yīng)上/home,那么我就讓圖片顯示,

<div class="banner" v-if="">

    <img src="../assets/banner.png" alt="">

</div>

想了半天不知道該怎么做這個判斷 求大佬指教一二 不勝感激 謝謝!!!

回答
編輯回答
話寡

<div class="banner" v-if="$route.path==='/home'"></div>

2017年7月5日 04:25
編輯回答
陌顏

首先有個問題，你的圖片是在哪個位置，是放在共用的位置了么。
因為我們用路由切換的時候，一般會對應(yīng)一個component，如果你的圖片是放在component里，那就不用判斷了。
如果是放在全局的話，就判斷$route.path === '/home'唄

2017年3月13日 14:59