element Dropdown
visible-change
@visible-change=“handleVisible”
visible-change 下拉框出现/隐藏时触发 出现则为 true,隐藏则为 false
Val 下拉框出现/隐藏时触发 出现则为 true,隐藏则为 false
handleVisible(Val){
if(Val){
this.showusermenu = true;
}else{
this.showusermenu = false;
}
},
command
@command="handleCommand"
<el-dropdown-item command="loginout">退出登录</el-dropdown-item>
handleCommand(command){
if (command == 'loginout') {
this.$notify({
title: '成功',
message: '退出',
type: 'success'
});
}
}
<div class="dropdown">
<el-dropdown @visible-change="handleVisible" @command="handleCommand">
<span class="el-dropdown-link">
{{username}}
<span v-show='showusermenu' class="iconfont"></span>
<span v-show='!showusermenu' class="iconfont"></span>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="seeMe">个人信息</el-dropdown-item>
<el-dropdown-item command="updatepass">修改密码</el-dropdown-item>
<el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>