邏輯是這樣的，注冊(cè)功能不是提交方式，是oauth2模式token抓取回來(lái)后這是store/user代碼顯示routes.js里的部分代碼import { USER_SIGNIN } from '../store/user'...path: '/callback', //登錄meta: { auth: false },beforeEnter: (to, from, next) => { util.get('/api/user',{},(res) => { USER_SIGNIN(res.data）//這句是錯(cuò)誤的，我應(yīng)該怎么寫(xiě)，才可以保存用戶信息到store里 這里要 util.toast('登錄成功') }, () => { util.toast('獲取信息失敗') })1.這種方式我把route寫(xiě)的很大，總覺(jué)得不好，我認(rèn)為不需要渲染組件，所以在路由里處理就行了，有沒(méi)有好的寫(xiě)法！2.路由里怎么調(diào)用vuex的USER_SIGNIN常量。我不知道怎么用...mapActions([USER_SIGNIN]),
2 回答
楊魅力
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超6個(gè)贊
前幾天幾Vue2的時(shí)候剛好遇到這個(gè)問(wèn)題現(xiàn)在已經(jīng)基本解決了。
如下解決方法。在next中，vue提供了一個(gè)vm的實(shí)例。你可以根據(jù)這個(gè)實(shí)例調(diào)用$store中的dispatch，
但是如果你足夠細(xì)心的話，你可能會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題。在路由跳轉(zhuǎn)的時(shí)候，這時(shí)候的vuex的數(shù)據(jù)存儲(chǔ)是無(wú)法回滾的，我自己的功能是在登陸完的時(shí)候，進(jìn)入到界面之前就必須請(qǐng)求數(shù)據(jù)。這邊的回滾是使用vue-devtool，你甚至發(fā)現(xiàn)根本沒(méi)有BaseState發(fā)生過(guò)。
以下是針對(duì)你的問(wèn)題解決方法。望采納~如果有問(wèn)題可以提
第一種方法，這種方法無(wú)法捕獲到BaseState，不過(guò)沒(méi)關(guān)系，僅僅是沒(méi)法回滾，你本身也不需要回滾
beforeEnter: (to, from, next) => {
util.get('/api/user',{},(res) => {
USER_SIGNIN(res.data）
util.toast('登錄成功')
next(vm=>{
//store_data替換成你需要更新的狀態(tài)就可以了。
vm.$store.dispatch('store_data',res.data)
})
}, () => {
util.toast('獲取信息失敗')
})
}
第二種方法
beforeEnter: (to, from, next) => {
util.get('/api/user',{},(res) => {
USER_SIGNIN(res.data）
util.toast('登錄成功')
//使用路由元信息，保存你已經(jīng)下載到的信息，然后你可以在component created鉤子觸發(fā)時(shí)，
//利用this.$store.dispatch('store_data',this.$route.meta.data)
to.meta.data = res.data
next(vm=>{})
}, () => {
util.toast('獲取信息失敗')
})
}
添加回答
舉報(bào)
0/150
提交
取消