在
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>
本文通过两个具体的Python代码示例展示了如何使用xrange函数进行循环操作。第一个示例演示了如何按步长为2的顺序遍历0到10之间的整数；第二个示例则展示了如何逆序遍历从10到0的整数序列，同样采用步长为2的方式。这些示例有助于理解xrange函数的工作原理及其在不同场景下的应用。
扫一扫
551
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
