发表于： 2019-12-05 23:04:16
0 1084
今天完成的事情：方案评审过了。开始拆分禅道。创建git库，上传之前的代码
明天计划的事情：
遇到的问题：
收获：
Vuex的数据在刷新之后重置，使用本地存储的方式
login() {
this.$refs.loginFormRef.validate(valid => {
if (!valid) return;
this.$api.login(this.loginForm).then(res => {
console.log(res);
if (res.code === 0) {
window.sessionStorage.setItem("token", "token");
sessionStorage.setItem('managerName',res.data.manager.name)
sessionStorage.setItem('userRole',res.data.role.name)
// this.$store.userRole = res.data.role.name
this.$router.push("/welcome");
}else {
this.$message(res.message)
}
});
在另一个需要用到的组件上使用
mounted() {
this.$store.commit('saveUserInfo')
},
vuex上的代码
Vue.use(Vuex);
export default new Vuex.Store({
state: {
userName:'',
userRole:'',
userInfo:[]
},
mutations: {
saveUserInfo(state) {
state.userName = sessionStorage.getItem('managerName')
state.userRole = sessionStorage.getItem('userRole')
}
},
actions: {},
modules: {}
});
这里在mutation里写入方法，获取储存的数据，然后并给state中的属性赋值
返回列表
评论