分享

uni-app开发经验分享三: Vuex实现登录和用户信息留存

 小样样样样样样 2021-09-17

在做用户登录的过程中,其实最重要的是登录成功后的数据要怎么储存,储存到哪里,这里我分享一个利用vuex来实现用户登录和用户数据留存的方法

vuex代码如下:

//引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
//H5配置行
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

const store = new Vuex.Store({ //全局变量定义
state: {
hasLogin: false, //是否登录,
user: "", //用户信息
},
mutations: {
/*登录*/
login(state, user) {
state.hasLogin = true;
state.user= user || null;
uni.setStorage({//将用户信息保存在本地  
    key: 'uerInfo',  
    data: user  
})  
}
},
plugins: [createPersistedState()],
//H5配置行
})

export default store

前端调用代码如下:

import vuex from "@vuex地址";

写入数据的方法如下:

vuex.commit("login",json数据);

如果有疑问和补充,欢迎在评论区留言(*^▽^*)。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多