<el-tabs v-model="Bus.headName" class="navTab" @tab-click="handleClick">
<el-tab-pane label="工程" name="first" >
<engineer :viewer="viewer"></engineer>
</el-tab-pane>
<el-tab-pane label="地图" name="fourth">4</el-tab-pane>
<el-tab-pane label="工具" name="fifth">
<tool></tool>
</el-tab-pane>
<el-tab-pane label="帮助" name="sixth">6</el-tab-pane>
</el-tabs>
<div class="loginOut">
<div v-if="userName">
<span class="m-r-10">{{"用户名:"+userName}}</span>
<el-button type="warning" size='mini' @click="loginOut">登出</el-button>
</div>
<div v-else>
<span class="m-r-10">未检测到登录状态,请先登录</span>
<el-button type="warning" size='mini' @click="loginOut">登录</el-button>
</div>
</div>
<style>
/* 登出 */
.loginOut{
position: absolute;right:20px;top:5px;
color: #e6a23c;
font-weight: 600;
font-size: 14px;
}
</style>
ElementUI 之 el-tabs添加自定义按钮
最新推荐文章于 2024-03-17 19:54:41 发布