前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
Hyyy9 小时前
普通前端续命周报——第1周
前端·javascript
GISer_Jing11 小时前
Three.JS渲染架构解读
java·javascript·架构
时寒的笔记12 小时前
day13~14核心案例某采招网
开发语言·javascript·ecmascript
智商不够_熬夜来凑12 小时前
【Picker】单选多选
前端·javascript·vue.js
米饭不加菜12 小时前
Typora 原生流程图语法完全指南(Flowchart.js)
前端·javascript·流程图
scan72413 小时前
langgraphy条件边
前端·javascript·html
用户9385156350713 小时前
《JS 对象知识地图:10 个小节,从字面量到原型链全覆盖》
javascript
YAwu1113 小时前
JavaScript this 底层机制剖析
前端·javascript
tedcloud12313 小时前
wifi-densepose部署教程:构建无线人体感知系统
服务器·javascript·网络·typescript·ocr