開啟src/store/index.js
檔案,在actions
新增退出事件logout
:
src/store/index.js
1 const actions =, user) ,7logout() })10}
11 }
退出的時候,我們將auth
狀態更改為未登入,並跳轉到首頁。在路由push
方法的第乙個引數使用物件,可以新增更多的配置。我們這裡指定跳轉目標的名稱為home
,對應src/router/index.js
下name
為home
的路由。同時,我們傳了乙個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
檔案,複製以下**替換原
我們這裡需要處理退出的兩種情況。
1beforerouteenter(to, from, next)
13 } else
if(logout)
17})
18 }
1computed: 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...