前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
发现一只大呆瓜2 小时前
SSO单点登录:从同域到跨域实战
前端·javascript·面试
发现一只大呆瓜2 小时前
告别登录中断:前端双 Token无感刷新
前端·javascript·面试
Cg136269159743 小时前
JS-对象-Dom案例
开发语言·前端·javascript
lxh01134 小时前
数据流的中位数
开发语言·前端·javascript
神仙别闹4 小时前
基于NodeJS+Vue+MySQL实现一个在线编程笔试平台
前端·vue.js·mysql
雨雨雨雨雨别下啦7 小时前
Vue案例——面经
前端·javascript·vue.js
myNameGL8 小时前
ArkTs核心语法
前端·javascript·vue.js
浏览器API调用工程师_Taylor8 小时前
web逆向之小红书无水印图片提取工具
前端·javascript·逆向
yuki_uix8 小时前
性能指标与优化:从 Core Web Vitals 到实战
前端·javascript
简单不容易9 小时前
vue一次解决监听H5软键盘弹出和收起的兼容问题
javascript·vue.js