前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
Wect42 分钟前
TypeScript 完全指南
前端·javascript·typescript
清风programmer1 小时前
H5与小程序通信
前端·vue.js·uni-app
张元清1 小时前
React useDeepCompareEffect:修复 useEffect 的对象依赖问题(2026)
javascript·react.js
phltxy1 小时前
LangChain_v1_Agent快速开发和更新说明
前端·javascript·langchain
Cobyte1 小时前
通过 Vite 运行手写的模板编译器
前端·javascript·vue.js
用户298698530142 小时前
React 前端处理 Excel 工作表复制的技术实践
javascript·react.js·excel
光影少年2 小时前
RN原生交互 & 桥接
前端·javascript·react native·react.js·前端框架
张人玉2 小时前
基于 Vue 3 + ECharts + Express + SQLite 构—— LDA 模型的新闻舆论主题识别与情感分析系统
vue.js·echarts·express
用户526835677902 小时前
云原生运维实践:构建 Prometheus + 自定义 Webhook 的硬件声光告警闭环
javascript
GuWenyue2 小时前
踩坑无数!吃透useState 3个核心技巧,彻底解决状态旧值、性能卡顿问题
前端·javascript·react.js