vue indexedDB 取指定数据库指定表 全部key用request.onsuccess

1 例子

export async function funcGetKey(dbName, tableName) {
  return new Promise((resolve, reject) => {
    // 打开指定的数据库
    const request = indexedDB.open(dbName);

    request.onerror = (event) => {
      console.error('打开数据库失败: ', event.target.error);
      reject(event.target.error);
    };

    request.onsuccess = (event) => {
      const db = event.target.result;
      const transaction = db.transaction([tableName], 'readonly');
      const objectStore = transaction.objectStore(tableName);

      const keysRequest = objectStore.getAllKeys(); // 获取所有 key 值的请求
      keysRequest.onsuccess = (event) => {
        const keys = event.target.result; // 获取所有的 key 值
        console.log(keys);
        resolve(keys);
      };

      keysRequest.onerror = (event) => {
        console.error('获取 key 值出错', event.target.error);
        reject(event.target.error);
      };
    };
  });
}

2 IDBRequest对象取 result中的值

IDBRequest {source: IDBObjectStore, transaction: IDBTransaction, readyState: 'pending', onsuccess: null, onerror: null}
error: null
onerror: null
onsuccess: null
readyState: "done"
result: []

keysRequest.onsuccess = (event) => {
        const keys = event.target.result; // 获取所有的 key 值
        console.log(keys);
        resolve(keys);
      };

3 ps

keys 是一个 IDBRequest 对象，而不是直接包含 key 值的数组。所以你需要等到 IDBRequest 对象的 onsuccess 事件触发后，才能获取到 key 值的数组。在 onsuccess 事件处理函数中，你可以使用 event.target.result 属性来获取数据，即 keys = event.target.result。然后你就可以通过 keys 数组来获取所有的 key 值了。