增加退出功能

2022-03-03 07:58:05 字數 1022 閱讀 3912

開啟src/store/index.js檔案,在actions新增退出事件logout

src/store/index.js

1 const actions =, user) ,

7logout() })10}

11 }

退出的時候,我們將auth狀態更改為未登入,並跳轉到首頁。在路由push方法的第乙個引數使用物件,可以新增更多的配置。我們這裡指定跳轉目標的名稱為home,對應src/router/index.jsnamehome的路由。同時,我們傳了乙個logout引數,當首頁獲取到該引數時,就顯示乙個操作成功的提示。

1、開啟src/components/layouts/theentry.vue檔案,新增退出方法logout(注釋部分是涉及的修改):

src/components/layouts/theentry.vue

1

點選退出後,我們通過呼叫this.$store.dispatch('logout')來完成退出。

src/components/layouts/theentry.vue

1

開啟src/views/home.vue檔案,複製以下**替換原

我們這裡需要處理退出的兩種情況。

1

beforerouteenter(to, from, next)

13 } else

if(logout)

17})

18 }

1

computed: 6},

7watch: 13}

14 },

Android 退出功能

對於新增和刪除操作add和remove,linedlist比較佔優勢,因為arraylist實現了基於動態陣列的資料結構,要移動資料。linkedlist基於鍊錶的資料結構,便於增加刪除 private listactivitylist new linkedlist if null instance...

SpringSecurity退出功能實現的正確方式

本文將介紹在spring security框架下如何實現使用者的 退出 logout的功能。其實這是乙個非常簡單的功能,我見過很多的程式設計師在使用了spring security之後,仍然去自己寫controller方法實現logout功能,這種做法就好像耕地,你有機械裝置你不用,你非要用牛。煙雨...

Vue ElementUI實現退出功能

前面我們已經實現了登入功能,並且能成功登入,那退出功能也是必不可少的。el dropdown command handlecommand span class el dropdown link 您好 i class el icon arrow down el icon right i span el...