vue浏览器websql ,websql只支持部分浏览器

this.$db.transaction(function (tx) {
                    tx.executeSql('CREATE TABLE IF NOT EXISTS userInfo (userInfoID unique  primary key , userInfoDeatil , Timestamp)');
                    tx.executeSql('SELECT COUNT(*) AS NUM FROM userInfo', [], function (tx, mes) {
                        const Timestamp = new Date().getTime();
                        let TimestampList = sessionStorage.getItem("TimestampList") ? JSON.parse(sessionStorage.getItem("TimestampList")) : [];
                        TimestampList.push({
                            Timestamp: Timestamp,
                            userId: userInfo.id
                        });
                        sessionStorage.setItem("TimestampList",JSON.stringify(TimestampList));
                        let sqlWord = "insert into userInfo(userInfoID,userInfoDeatil,Timestamp)values('" + userInfo.id + "','" + JSON.stringify(userInfo) + "','" + Timestamp + "')";
                        tx.executeSql(sqlWord);
                    }, function (tx, err) {
                        console.log(err);
                    });
                })

websql.js

import Vue from 'vue'

const WebSql = function () {
      if (window.openDatabase) {
            //openDatabase('数据库名称','版本','数据库描述','数据库大小')
            var db = openDatabase('userInfo', '1.0', '用户信息', 200 * 1024 * 1024);

            Vue.prototype.$db = db;

            if (!db) {
                  console.log("数据库创建失败!");
            } else {
                  console.log('本地数据库创建成功!');
            }
      } else {
            console.log('不支持本地存储!');
      }
};
export default WebSql;
import webSql from './webSql';// 使用前端浏览器数据库
Vue.use(webSql);
let that = this;
    that.$db.transaction(function(tx) {
      tx.executeSql("select * from userInfo", [], function(tx, res) {
        let TimestampList = JSON.parse(sessionStorage.getItem("TimestampList"));
        let websqlData = res.rows;
        let userInfo = [];
        for (let i = 0; i < res.rows.length; i++) {
          TimestampList.forEach(item2 => {
            if (Number(res.rows[i].userInfoID) == Number(item2.userId)) {
              userInfo = JSON.parse(res.rows[i].userInfoDeatil);
            }
          });
        }
        console.log(userInfo);
      });
    });

你可能感兴趣的:(vue浏览器websql ,websql只支持部分浏览器)