前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
其美杰布-富贵-李1 小时前
第 5 篇:Object3D、Group 与场景树
javascript·three.js
春波petal2 小时前
Vue3防抖搜索:从Lodash到customRef全解析
vue.js·vue3·防抖搜索
达子6664 小时前
第22章_HarmonyOs开发图解之 蓝牙
vue.js
mONESY4 小时前
React + TypeScript 入门到进阶:从 Props 类型约束到状态管理与副作用最佳实践
javascript
无人生还4 小时前
从 Vue3 到 React · 快速上手系列第 9 篇:自定义 Hook(对标 Composables)
前端·vue.js·react.js
码哥DFS4 小时前
算法练习day1-备战2027届秋招
前端·javascript·数据结构·算法
张元清4 小时前
React useInfiniteScroll Hook:无限滚动轻松实现(2026)
javascript·react.js
别怪我很水4 小时前
Vue element admin 浏览器本地存储 localStorage、useStorage
前端·javascript·vue.js
晓得迷路了5 小时前
栗子前端技术周刊第 140 期 - pnpm、Node 新 API 文档网站、Oxlint...
前端·javascript·node.js
烬羽5 小时前
一个队列,怎么让滑动窗口从 O(nk) 变 O(n)?单调队列彻底搞懂
javascript·数据结构·算法