vue登陆下拉菜单

vue登陆下拉菜单

javascript 复制代码
<div style="flex: 1; width: 0; display: flex;justify-content: flex-end;align-items: center;">
              <i class="iconfont icon-quanping" style="font-size: 26px;" @click="handFull"></i>
              <el-dropdown placement="bottom">
                  <div class="log" style="display: flex;align-items: center;cursor: default;margin: 0 5px;">
                    <img src="@/assets/logo.png" alt="" style="width: 40px;height: 40px;border-radius: 50%;">
                    <span style="margin: 10px;">用户</span>
                  </div>
                  <template #dropdown>
                    <el-dropdown-menu>
                      <el-dropdown-item @click="">个人信息</el-dropdown-item>
                      <el-dropdown-item>修改密码</el-dropdown-item>
                      <el-dropdown-item>退出登录</el-dropdown-item>
                    </el-dropdown-menu>
                  </template>
              </el-dropdown>
            </div>
相关推荐
知识分享小能手8 分钟前
微信小程序入门学习教程,从入门到精通,微信小程序页面交互 —— 知识点详解与案例实现(3)
前端·javascript·学习·react.js·微信小程序·小程序·交互
石小石Orz12 分钟前
思考许久,我还是提交了离职申请
前端
m0_6161884914 分钟前
CSS中的伪类和伪元素
前端·javascript·css
一个小潘桃鸭16 分钟前
组件抽离:el-upload支持图片粘贴上传并添加预览
前端
武昌库里写JAVA23 分钟前
Java 设计模式在 Spring 框架中的实践:工厂模式与单例模式
java·vue.js·spring boot·sql·学习
快乐就好ya23 分钟前
React基础到进阶
前端·javascript·react.js
小龙在山东30 分钟前
VS Code 使用 Chrome DevTools MCP 实现浏览器自动化
前端·自动化·chrome devtools
悠哉摸鱼大王30 分钟前
多模态场景下tts功能实现
前端·javascript
千里码aicood30 分钟前
springboot+vue心理健康服务小程序(源码+文档+调试+基础修改+答疑)
数据库·vue.js·spring boot
东华帝君34 分钟前
__proto__对比prototype
前端