前端项目练习,首页退出登录功能,清除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(() => {
          // 他选择了取消
        });
    },
相关推荐
青茶36012 分钟前
【js教程】如何用jq的js方法获取url链接上的参数值?
开发语言·前端·javascript
文艺理科生42 分钟前
Google A2UI 解读:当 AI 不再只是陪聊,而是开始画界面
前端·vue.js·人工智能
晴栀ay1 小时前
React性能优化三剑客:useMemo、memo与useCallback
前端·javascript·react.js
知其然亦知其所以然1 小时前
别再死记硬背了,一篇文章搞懂 JS 乘性操作符
前端·javascript·程序员
json{shen:"jing"}1 小时前
08_组件基础
前端·javascript·vue.js
菩提祖师_1 小时前
基于VR的虚拟会议系统设计
开发语言·javascript·c++·爬虫
hongkid1 小时前
React Native 如何打包正式apk
javascript·react native·react.js
菩提祖师_2 小时前
量子机器学习在时间序列预测中的应用
开发语言·javascript·爬虫·flutter
未来之窗软件服务2 小时前
幽冥大陆(九十二 )Gitee 自动化打包JS对接IDE —东方仙盟练气期
javascript·gitee·自动化·仙盟创梦ide·东方仙盟
名字越长技术越强2 小时前
html\css\js(一)
javascript·css·html