前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
摘星编程34 分钟前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js
AGMTI2 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
码界奇点3 小时前
基于SpringBoot+Vue的前后端分离外卖点单系统设计与实现
vue.js·spring boot·后端·spring·毕业设计·源代码管理
不吃香菜的猪3 小时前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n3 小时前
TypeScript的对象类型:interface vs type
前端·javascript·typescript
css趣多多3 小时前
props,data函数,computed执行顺序
前端·javascript·vue.js
一个不称职的程序猿3 小时前
构建优雅的 Vue.js 表情包选择器:一个功能丰富且可定制的 Emoji Picker 组件
前端·javascript·vue.js
无风听海3 小时前
AngularJS中$q.when()的用法
javascript·ecmascript·angular.js
Amumu121384 小时前
Vue核心(二)
前端·javascript·vue.js
墨轩尘4 小时前
qiankun的简单使用
前端·vue.js·前端框架