前端会员中心菜单项通过左侧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)
}
}
请先登录
第一个代码块就没有根标签
从已知的代码中看不出来问题,不过白屏确实是缺少根标签的可能性最大
- 1
前往