前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
Q_w7742几秒前
一个真实可用的登录界面!
javascript·mysql·php·html5·网站登录
昨天;明天。今天。11 分钟前
案例-任务清单
前端·javascript·css
一丝晨光38 分钟前
C++、Ruby和JavaScript
java·开发语言·javascript·c++·python·c·ruby
Front思40 分钟前
vue使用高德地图
javascript·vue.js·ecmascript
惜.己2 小时前
javaScript基础(8个案例+代码+效果图)
开发语言·前端·javascript·vscode·css3·html5
长天一色2 小时前
【ECMAScript 从入门到进阶教程】第三部分:高级主题(高级函数与范式,元编程,正则表达式,性能优化)
服务器·开发语言·前端·javascript·性能优化·ecmascript
NiNg_1_2343 小时前
Vue3 Pinia持久化存储
开发语言·javascript·ecmascript
读心悦3 小时前
如何在 Axios 中封装事件中心EventEmitter
javascript·http
神之王楠3 小时前
如何通过js加载css和html
javascript·css·html
余生H3 小时前
前端的全栈混合之路Meteor篇:关于前后端分离及与各框架的对比
前端·javascript·node.js·全栈