vue v-if /v-show

Question

我的header,content,footer都是公用的一个组件
这张图片是加在公用组件当中的.

想要的效果为:

当我点击处理中心时,1.路由跳转2.跳转后出现一张图片 (/home 路径名称)
当我点击我的工作台时,1.路由跳转2.跳转后图片消失 (/home2 路径名称)

我的想法是获取当前路径,如果当前路径对应上/home,那么我就让图片显示,

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

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

</div>

想了半天不知道该怎么做这个判断 求大佬指教一二 不胜感激 谢谢!!!

Answer 1

首先有个问题，你的图片是在哪个位置，是放在共用的位置了么。
因为我们用路由切换的时候，一般会对应一个component，如果你的图片是放在component里，那就不用判断了。
如果是放在全局的话，就判断$route.path === '/home'呗

Answer 2

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