前端项目练习,首页退出登录功能,清除token --点击事件 quitFn

html 复制代码
<el-menu-item index="2" @click="quitFn">
	<i class="el-icon-switch-button">退出</i>
</el-menu-item>
js 复制代码
quitFn() {
      // 为了让用户体验更好,来个确认提示框
      this.$confirm("确认退出登录吗?退出登录前请保存更改好的内容", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          // 他选择了确定
          this.$store.commit("updateToken", "");
          this.$router.push("/login");
        })
        .catch(() => {
          // 他选择了取消
        });
    },
相关推荐
OEC小胖胖15 分钟前
02|从 `createRoot` 到 `scheduleUpdateOnFiber`:一次更新如何进入 React 引擎
前端·javascript·react.js·前端框架
冴羽1 小时前
2025 年最火的前端项目出炉,No.1 易主!
前端·javascript·node.js
黛色正浓1 小时前
leetCode-热题100-滑动窗口合集(JavaScript)
javascript·算法·leetcode
asdfg12589631 小时前
小程序开发中的JS和Go的对比及用途
开发语言·javascript·golang
每天吃饭的羊1 小时前
媒体查询
开发语言·前端·javascript
XiaoYu20022 小时前
第8章 Three.js入门
前端·javascript·three.js
这个一个非常哈2 小时前
element之,自定义form的label
前端·javascript·vue.js
李瑞丰_liruifengv2 小时前
Claude Agent SDK 最简玩法:几行代码配合 Markdown 轻松搭建 Agent
javascript·人工智能·程序员
Hashan2 小时前
Vue 3 中 v-for 动态组件 ref 收集失败问题排查与解决
前端·vue.js·前端框架
bobringtheboys2 小时前
[el-tag]使用多个el-tag,自动判断内容是否超出
前端·javascript·vue.js