前端项目练习,首页退出登录功能,清除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 分钟前
JavaScript 深入理解闭包与柯里化:从原理到实践 🚀
javascript·面试
快起来别睡了2 分钟前
看完这篇文章,你就知道什么是proxy
javascript
请你吃div3 分钟前
JavaScript 实用函数大全(超实用)
前端·javascript·面试
一个水瓶座程序猿.4 分钟前
Vue3 中使用 Vueuse
前端·javascript·vue.js
夏梦春蝉5 分钟前
ES6从入门到精通:Symbol与迭代器
前端·javascript·es6
今夜星辉灿烂7 分钟前
nestjs微服务-系列2
javascript·后端
Hilaku26 分钟前
用“人话”讲明白10个最常用的正则表达式
前端·javascript·正则表达式
LL.。38 分钟前
同步回调和异步回调
开发语言·前端·javascript
网络点点滴42 分钟前
Vue如何处理数据、v-HTML的使用及总结
前端·vue.js·html
Mintopia1 小时前
B 样条曲线:计算机图形学里的 “曲线魔术师”
前端·javascript·计算机图形学