uniapp中保存用户信息的方法

uniapp中保存用户信息的一些方法

---

在uniapp中经常会需要做用户的登录界面，登录成功后在app的某个地方要显示该登录用户信息。以用户名为例：

---

1、使用globalData

在App.vue中增加globalData

<script>
    export default {
        globalData: {
            userName: ''    // 用户名    
        },
        onLaunch: function() {
	    console.log('App Launch')
	},
	onShow: function() {
	    console.log('App Show')
	},
	onHide: function() {
	    console.log('App Hide')
	}
    }
</script>

在能够获取到用户信息的地方改变userName

getApp().globalData.userName = userName

在需要使用的地方将userName拿出来

this.userName = getApp().globalData.userName

---

2、保存在本地缓存中

在能够获取到用户信息的地方使用uni.setStorageSync()存储userName

uni.setStorageSync('username', userName)

在需要使用的地方将userName拿出来

userName = uni.getStorageSync('username')