這是我沖另一個(gè)頁面點(diǎn)擊跳轉(zhuǎn)到了這個(gè)頁面 （這個(gè)頁面的地址是/admin） 我想的是進(jìn)來就讓他默認(rèn)選中第一個(gè) 加載第一個(gè)組件 我有七個(gè)路由 每個(gè)路由對應(yīng)著右邊 但是這七個(gè)路由都寫在/admin下的子路由 有什么方法能一進(jìn)來就觸發(fā)一次點(diǎn)擊事件 讓第一個(gè)選中 地址也會(huì)改變?yōu)榈谝粋€(gè)的路由 有點(diǎn)亂這個(gè) 我不知道我這種路由嵌套方式正確不 因?yàn)槲乙贿M(jìn)來右邊是沒有東西的 只有點(diǎn)擊之后才會(huì)出現(xiàn)相應(yīng)的組件 大哥大姐們 幫我解答下

<div class="admin">
    <el-container>
      <el-container class="adminheader">
          <el-header >后臺(tái)管理</el-header>
      </el-container>
      <el-container class="hahaha">
        <el-aside style="width:240px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);height:100%;background:#eee" class="elslide">
         <el-menu
  default-active="1"
  class="el-menu-vertical-demo inner-container" 
 >
  <router-link to="/adminstystemcontrol">
  <el-menu-item id="target" index="1" @click="handleonceclick">
    <i class="el-icon-menu"></i>
    <span slot="title">后臺(tái)管理</span>
  </el-menu-item></router-link>

 <router-link to="/audit">
  <el-menu-item index="2">
    <i class="el-icon-menu"></i>
    <span slot="title">開通審核</span>
  </el-menu-item></router-link>

   <router-link to="/signup">
  <el-menu-item index="3">
    <i class="el-icon-menu"></i>
    <span slot="title">平臺(tái)簽約業(yè)務(wù)員</span>
  </el-menu-item></router-link>

   <router-link to="/score">
  <el-menu-item index="4">
    <i class="el-icon-menu"></i>
    <span slot="title">返現(xiàn)積分</span>
  </el-menu-item></router-link>

   <router-link to="/advertising">
  <el-menu-item index="5">
    <i class="el-icon-menu"></i>
    <span slot="title">廣告設(shè)定</span>
  </el-menu-item></router-link>

   <router-link to="/live">
  <el-menu-item index="6">
    <i class="el-icon-menu"></i>
    <span slot="title">直播審核</span>
  </el-menu-item></router-link>

   <router-link to="/shoping">
  <el-menu-item index="7">
    <i class="el-icon-menu"></i>
    <span slot="title">積分商城</span>
  </el-menu-item></router-link>
</el-menu>
            
        </el-aside>
        <el-main>
            
            <div v-if="nana">
                <adminstystemcontrol></adminstystemcontrol>
            </div>
                <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
</div>

</template>

<script>
import adminstystemcontrol from '@/components/manageWebManage/adminstystemcontrol/adminstystemcontrol';

export default {
    data(){
        return {
            nana:false
        }
    },
    components:{
        adminstystemcontrol
    },
    created(){
        this.handleonceclick()
    },
    
    methods:{
        handleonceclick(){
            let url = window.location.href;
            
            let bool = url.indexOf('Admin');
            if(bool!==-1){
                this.nana = true
            }
        }
    }
}

</script>

<style scoped>

.adminheader{
    background: rgba(0, 153, 255, 1);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.adminheader .el-header{
    font-size: 24px;
    color: #fff;
    line-height: 56px;
    font-weight: 700;
    

}
.hahaha{
    width: 90%;
    position: fixed;
    left:5%;
    top: 60px;
    bottom: 0;
    background:#eee;
}
.inner-container{
    background:#eee;
    color:#000;

}
.elslide::-webkit-scrollbar {
display: none;

}

</style>