const user = {
state: sessionStorage.getItem('stateUser') ? JSON.parse(sessionStorage.getItem('stateUser')) : {
// 处理刷新重置登录状态
showLogin: false,
isLogin: false
},
```mutations: {
SET_SHOWLOGIN: (state, data) => {
state.showLogin = data
sessionStorage.setItem('stateUser', JSON.stringify(state))
},
SET_ISLOGIN: (state, data) => {
state.isLogin = data
setStore({
name: 'islogin',
content: state.isLogin,
type: 'session' })
sessionStorage.setItem('stateUser', JSON.stringify(state))
},
SET_Token: (state, data) => {
sessionStorage.token = data
state.token = data
sessionStorage.setItem('stateUser', JSON.stringify(state))
},
DEL_STORAGE: (state, data) => {
sessionStorage.removeItem('stateUser')
}
}
**页面执行事件**
async InitFastlogin () {
// 手机快捷登录
let _this = this
_this.loginFastForm.loginFlag = false // 是否自动登录
getFastLogin(_this.loginFastForm).then(function (res) {
if (res.data.code == 200 /*eslint-disable-line*/) {
_this.$Message.Message('success', '登录成功')
_this.$store.commit('SET_SHOWLOGIN', false)
_this.$store.commit('SET_ISLOGIN', true) //显示登录状态
_this.resetForm('loginFastForm')// 重置表单
}
})
},
submitForm (formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (formName == 'loginForm' /*eslint-disable-line*/) {
this.Initlogin() // 账号密码登录
} else {
this.InitFastlogin() // 快捷登录
}
} else {
return false
}
})
},
关于vuex刷新数据丢失的解决方法
猜你喜欢
转载自blog.csdn.net/weixin_43959276/article/details/105668804
今日推荐
周排行