vue路由回退之后,做判断本页面不显示

有一个A页面,A下边有好多个子页面,我用路由跳转过去的时候需要把A页面的隐藏掉,此时跳到了A下边的子页面,当我进行后退的时候go(-1),因为我的A页面做的是判段,让本页面隐藏了,让router-view的显示了,我回退回去A页面的内容就没有了判断为false

<template>
    <div class="body-main">
        <div class="main" v-show="active">
            <section class="body-left" @click="handleAffairs">
                <img src="@/assets/img/home/ic1.png" alt="">
                <p>我要办事</p>
            </section>
            <ul class="body-right">
                <li class="body-right-li">
                    <div class="body-right-con" @click="reservation">
                        <img src="@/assets/img/home/ic6.png" alt="">
                        <p>预约服务</p>
                    </div>
                    <div class="body-right-con" @click="messageService">
                        <img src="@/assets/img/home/ic5.png" alt="">
                        <p>信息服务</p>
                    </div>
                    <div class="body-right-con" @click="selfprint">
                        <img src="@/assets/img/home/ic3.png" alt="">
                        <p>自助打印</p>
                    </div>
                </li>
                <li>
                    <div class="body-right-con" @click="guidance">
                        <img src="@/assets/img/home/ic7.png" alt="">
                        <p>办事指南</p>
                    </div>
                    <div class="body-right-con" @click="eqsQuery">
                        <img src="@/assets/img/home/ic4.png" alt="">
                        <p>办件查询</p>
                    </div>
                    <div class="body-right-con" @click="independent">
                        <img src="@/assets/img/home/ic2.png" alt="">
                        <p>自助排队</p>
                    </div>
                </li>
            </ul>    
        </div>  
            <router-view v-show="!active"></router-view>
   
    </div>
</template>

 

 

 

vue中用push就能切换路由.设计一个好一点的route-view 就不需要用 v-if v-else来判断..

route-view是可以嵌套的

每次进来都要传对应的参数

您的问题已经有小伙伴解答了,请点击【采纳】按钮,采纳帮您提供解决思路的答案,给回答的人一些鼓励哦~~

ps:开通问答VIP,享受5次/月 有问必答服务,了解详情↓↓↓

【电脑端】戳>>>  https://vip.csdn.net/askvip?utm_source=1146287632
【APP 】  戳>>>  https://mall.csdn.net/item/52471?utm_source=1146287632