前端会员中心菜单项通过左侧aside页面

前端会员中心菜单项通过左侧aside.vue页面,点击菜单项右侧显示不出来，有时候会显示，不出现的概率极大。每个右侧页面都有一个唯一根标签

<template v-for="(item, idx) in memberCenter.state.viewRoutes" :key="idx">
  <ul class="profile-menu">
      <li
          v-for="(menu, index) in item.children"
          :key="index"
          @click="routerPush('', menu)"
          :class="memberCenter.state.activeRoute?.name == menu.name ? 'active' : ''"
      >
          <Icon
              :name="menu.meta?.icon"
              size="16"
              :color="memberCenter.state.activeRoute?.name == menu.name ? 'var(--bg-color)' : 'var(--primary-color)'"
          />
          {{ menu.meta?.title }}
      </li>
  </ul>
</template>

const routerPush = (routeName = '', route?: RouteRecordRaw) => {
    console.log(route)
    if (document.body.clientWidth < 992) {
        memberCenter.toggleMenuExpand(false)
    }
    if (routeName) {
        router.push({ name: routeName })
    } else if (route) {
        onClickMenu(route)
    }
}

YANG001

这家伙很懒，什么也没写~

3天前

第一个代码块就没有根标签

赞同(0)

error回复YANG001

这家伙很懒，什么也没写~

3天前

<template>
    <div class="profile-sidebar">
        <div class="user-info">
            <img :src="fullUrl(userInfo.avatar ? userInfo.avatar : '/static/images/avatar.png')" alt="用户头像" class="large-avatar" />
            <h2>{{ userInfo.nickname }}</h2>
            <div class="user-stats">
                <div class="stat-item">
                    <span class="num">120</span>
                    <span class="label">学习时长(小时)</span>
                </div>
                <div class="stat-item">
                    <span class="num">15</span>
                    <span class="label">已学课程</span>
                </div>
            </div>
        </div>
        <template v-for="(item, idx) in memberCenter.state.viewRoutes" :key="idx">
            <ul class="profile-menu">
                <li
                    v-for="(menu, index) in item.children"
                    :key="index"
                    @click="routerPush('', menu)"
                    :class="memberCenter.state.activeRoute?.name == menu.name ? 'active' : ''"
                >
                    <Icon
                        :name="menu.meta?.icon"
                        size="16"
                        :color="memberCenter.state.activeRoute?.name == menu.name ? 'var(--bg-color)' : 'var(--primary-color)'"
                    />
                    {{ menu.meta?.title }}
                </li>
            </ul>
        </template>
    </div>
</template>
```这个是完整的页面，还是没有弄清楚咋回事

赞同(0)

YANG001回复error

这家伙很懒，什么也没写~

3天前

从已知的代码中看不出来问题，不过白屏确实是缺少根标签的可能性最大

赞同(0)