前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
不羁的fang少年11 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate11 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
weixin_4111918413 小时前
flutter中WebView的使用及JavaScript桥接的问题记录
javascript·flutter
百***060113 小时前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮13 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
用户479492835691513 小时前
Code Review 惊魂:同事的“优雅”重构,差点让管理员全部掉线
javascript
虚伪的空想家15 小时前
arm架构服务器使用kvm创建虚机报错,romfile “efi-virtio.rom“ is empty
linux·运维·服务器·javascript·arm开发·云原生·kvm
0***K89215 小时前
Vue数据挖掘开发
前端·javascript·vue.js
t***265915 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦15 小时前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位