zmc
2023-09-27 eeef5d4039d2b3fee6854ddc2789aa23232b2cfb
src/components/layout/AppHeader.vue
@@ -2,6 +2,7 @@
 import { isCollapse } from './isCollapse'
 import { selectedName } from './selectName'
 import BreadCrumb from '@/sfc/BreadCrumb.vue'
 import Cookie from 'js-cookie'
  export default {
    components:{
      BreadCrumb,
@@ -24,8 +25,12 @@
    // })
  },
    methods: {
      exit(){
        this.$router.push('/login') // 假设登录成功后跳转到 '/dashboard' 页面
      handleCommand(command){
        if(command == 'a' ){
        Cookie.remove('token')
        this.$router.push('/login')
        }
      }
     }
}
@@ -47,7 +52,7 @@
      <BreadCrumb></BreadCrumb>
   <!-- 下拉菜单 -->
    <el-dropdown>
    <el-dropdown  @command="handleCommand">
        <span class="el-dropdown-link" >
          <el-avatar class="clickable" :size="50" :src="'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'" />   
        <el-icon class="el-icon--right ">
@@ -56,8 +61,7 @@
        </span>
        <template #dropdown>
        <el-dropdown-menu>
            <el-dropdown-item @click="exit">退出</el-dropdown-item>
            <!-- <el-dropdown-item divided>其他</el-dropdown-item> -->
            <el-dropdown-item command="a">退出</el-dropdown-item>
        </el-dropdown-menu>
        </template>
    </el-dropdown>
@@ -76,8 +80,7 @@
    color: white;
    background-color: #0093E9;
background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%);
    // width: 100vw;
.el-icon {
        margin-right: 17px;