uni-app - ストレージの使用 (Storage、StorageSync)

一.uni.setStorage(OBJECT)

ローカル キャッシュの指定されたキーにデータを格納すると、そのキーに対応する元のコンテンツが上書きされます。これは非同期インターフェイスです。

OBJECT パラメータ

パラメータ名 例証する
ローカル キャッシュ内の指定されたキー (必須)
データ 格納されるコンテンツは、JSON.stringify を介してシリアル化できるネイティブ型とオブジェクトのみをサポートします (必須)
成功 インターフェイス呼び出しを成功させるためのコールバック関数
失敗 インターフェイス呼び出し失敗のコールバック関数
完了 インターフェイス呼び出しの終了のコールバック関数 (呼び出しは成功または失敗のいずれかで実行されます)
			//将数据存入storage
			setInfo(){
    
    
				uni.setStorage({
    
         //存入Storage
						key:'userInfo',    //自己取个名字
						data: {
    
        //存的数据可以是很多条
							'uid': res.data.uid,
							'uname':res.data.uname,
							'phone': res.data.phone
						}
						success() {
    
    
							console.log('userInfo储存成功');
						}
					})
			}

uni.getStorage()

//从Storage取数据
getInfo(){
    
    
	uni.getStorage({
    
         
		key:'userInfo',
		success(res) {
    
    
			console.log('获取成功',res.data);
		}
	})
}

uni.removeStorage()

//清除Storage
removeInfo(){
    
    
	uni.removeStorage({
    
        //删除Storage
		key:'userInfo',
		success() {
    
    
			console.log('删除成功');
		}
	})
},

二。uni.setStorageSync(キー、データ)

ローカル キャッシュ内の指定されたキーにデータを格納すると、同期インターフェイスであるキーに対応する元のコンテンツが上書きされます。

パラメータ 説明

パラメータ 例証する
ローカル キャッシュ内の指定されたキー
データ 保存する必要があるコンテンツは、JSON.stringify を介してシリアル化できるネイティブ タイプとオブジェクトのみをサポートします。
//存
uni.setStorageSync('storage_key', 'hello');

uni.getStorageSync()

//从本地缓存中同步获取指定 key 对应的内容
const value = uni.getStorageSync('storage_key');
console.log(value);

uni.removeStorageSync()

//从本地缓存中同步移除指定 key
uni.removeStorageSync('storage_key');
知らせ

1. 各アプレットには独自のストレージ API があり、データ ストレージのライフ サイクルはアプレット自体と一致しています。つまり、ユーザーが積極的に削除したり、一定期間後に自動的にクリアされたりしない限り、データは常に利用可能です。
2. WeChat アプレットで 1 つのキーに許可される最大データ長は 1MB で、すべてのデータ ストレージの上限は 10MB です。

参考

Vue3 公式ドキュメント
Shang Silicon Valley Vue3 video

おすすめ

転載: blog.csdn.net/qq_44862029/article/details/123171932