在Electron-Vue应用程序中直接将axios响应中的数据保存到localStorage

Question

我正在尝试将一些数据保存到电子应用程序中的localStorage，基于Vue.js，使用如下axios：

mounted () {
    axios.get(myURLhere).then(response => {
        let data = response.data
        data[anotherThing] = someElseDataHere
        this.localStorage['data'] = JSON.stringify(data)
    })
}

“then”中的-block数据变量是正确的。但是在localStorage中，数据=某个空的观察者对象！

我做错了什么？难道“然后”-block不足以等到数据存储在localStorage中吗？在这种情况下，我如何在代码中等待它？

Answer 1

我使用vue-localStorage。由于某些原因，它不能正确地进行数组到字符串的转换：

this.$localStorage.set('data', data) // data will be not an Array, but an Observer instance

这就是为什么我的对象实例存储正确，但数组错误的原因。因此，要修复它，您需要直接使用localStorage，如下所示：

localStorage['data'] = JSON.stringify(data)

告诉我检查localStorage的人部分是对的--问题出在localStorage上。