UniApp 本地存储使用指南(替代 localStorage)
·
在 UniApp 中,localStorage 的使用方式并不是原生浏览器的 localStorage(虽然在 H5 端可以用),而是推荐使用 UniApp 提供的跨平台 API:uni.setStorageSync()、uni.getStorageSync() 等,这样可以兼容 App、小程序、H5 多端。
✅ 推荐使用方式(跨端兼容)
1. 设置本地存储:
uni.setStorageSync('keyName', 'valueData')
2. 获取本地存储:
const value = uni.getStorageSync('keyName')
3. 移除某个值:
uni.removeStorageSync('keyName')
4. 清空全部缓存:
uni.clearStorageSync()
🚫 不推荐直接用:
localStorage.setItem(...) // 仅 H5 支持,不兼容小程序、App
🌍 示例代码(多端通用)
// 存储用户信息
uni.setStorageSync('userInfo', {
name: '张三',
token: 'abc123'
})
// 获取用户信息
const userInfo = uni.getStorageSync('userInfo')
console.log(userInfo.name)
// 清除
uni.removeStorageSync('userInfo')
更多推荐



所有评论(0)