在
vue2中
el-popover失效，刷新页面后正常显示，
el-popover在子组件中，子组件中部分代码：<p v
-if="!userName">
<
el-popover placement="bottom
-start" trigger="hover">
<div class="nav
-game">
<ul>
<li><
el-button class="nav
-avatar" type="primary" @click="gotoLogin()">登录</
el-button></li>
<li><
el-link class="nav
-avatar" type="primary" @click="gotoRegister()">用户注册</
el-link></li>
</ul>
</div>
<
el-avatar
slot="reference"
size="medium"
icon='
el-icon
-user
-solid'
src="https://i0
.hdslb
.com/bfs/face/9e684120bdf30f9c7130de8b3f3b004e589f46ef
.jpg@96w_96h_1c
.webp"
></
el-avatar>
</
el-popover>
</p>
<p v
-else>
<
el-popover placement="bottom
-start" trigger="hover">
<div class="nav
-game">
<ul>
<li class="nav
-a
-text">
用户名:{{ userInfo
.name }}
</li>
<li class="nav
-a
-text">
id:{{ userInfo
.u_id }}
</li>
<li>
<
el-menu :default
-active="activeIndex" class="
el-menu
-demo nav
-a
-item" mode="horizontal" @s
elect="handleS
elect">
<
el-menu
-item index="1" style="border
-bottom:none;">
<h3 class="nav
-a
-num">{{ userInfo
.like_num }}</h3>
<p class="nav
-a
-word">点赞</p>
</
el-menu
-item>
<
el-menu
-item index="2">
<h3 class="nav
-a
-num">{{ userInfo
.fans_num }}</h3>
<p class="nav
-a
-word">粉丝</p>
</
el-menu
-item>
<
el-menu
-item index="3">
<h3 class="nav
-a
-num">{{ userInfo
.issue_num }}</h3>
<p class="nav
-a
-word">作品</p>
</
el-menu
-item>
</
el-menu>
</li>
<li>
<
el-menu
class="
el-menu
-vertical
-demo"
:router="true"
style="margin
-top: 20px; border
-right: none;">
<
el-menu
-item index="/center">
<i class="
el-icon
-user" style="color: blue"></i>
<span slot="title" class="nav
-a
-affair">个人中心</span>
</
el-menu
-item>
<
el-menu
-item index="/center">
<i class="
el-icon
-tickets" style="color: blue"></i>
<span slot="title" class="nav
-a
-affair">稿件中心</span>
</
el-menu
-item>
<div style="width: 100%;height: 2px;background
-color: gray;"></div>
<
el-menu
-item index="" @click="logout()">
<i class="
el-icon
-close" style="color: blue"></i>
<span slot="title" class="nav
-a
-affair">退出登入</span>
</
el-menu
-item>
</
el-menu>
</li>
</ul>
</div>
<div slot="reference">
<Avatar :asize="40"></Avatar>
</div>
</
el-popover>
扫一扫
5759
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
