【相同路由跳转并不会刷新 _url传参】

相同路由跳转并不会刷新

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

url传参

详细描述

截图

代码

 <div>
        <div class="navBar">
            <div class="sideBar-title">萝卜多后台管理系统</div>
            <ul class="topNav">
                <li id="character" v-on:click='quit'>
                    <font-awesome-icon :icon="['fas', 'power-off']" class="power" />
                </li><span>|</span>
                <li id="character-name">{{manager}}</li><span>|</span>
                <li>{{role}}</li>
            </ul>
        </div>
        <div class="content">
            <ul class='sideBar'>
                <li v-for="(l,index) in lists" :key="index">
                    <a v-on:click="toggle(l,index)" v-bind:class="{ active: l.show }">
                        <font-awesome-icon :icon="['fas', 'pencil-alt']" class="pencil" />{{l.name}}
                        <font-awesome-icon :icon="['fas', 'angle-down']" v-if="l.show" class="angle" />
                        <font-awesome-icon v-else :icon="['fas', 'angle-left']" class="angle" />
                    </a>
                    <ul class="backstage-manage" v-show="l.show">
                        <li v-for="(item,index) in l.list" :key="index" @click="go($event,index,l)"
                            :class="{active:l.bgc[index]}">
                            <a>{{item}}</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="main-content">
                <!-- <keep-alive> -->
                <transition>
                    <router-view></router-view>
                </transition>
                <!-- </keep-alive>
                <router-view v-if='!$route.meta.keepAlive'></router-view> -->
            </div>

        </div>

编辑于2024-05-13