javascript - 如何在数据Vue.js中检查本地存储

Question

我使用 Vue js 和 localstorage(LS) 制作了 todolist。一切都很好，但是当我尝试在 LS 是免费的不同浏览器中运行它时，出现错误 Cannot read property 'items' of null"。我必须在使用之前检查 LS它，但我正在数据中读取 LS，但无法检查 LS。

我的部分代码:

var app = new Vue({
el: '.row',
data:{
    cap:undefined,
    ti:undefined,

    forLS:{
        items:[]
    },
    count:-1,
    forLS:JSON.parse(localStorage.getItem("allData")),
    count:JSON.parse(localStorage.getItem("count"))
    }

我尝试在函数中读取 LS，但无法在 Data 中运行它。所有代码HERE我真的不知道如何解决这个问题。预先感谢您!

Answer 1

我认为您需要后备，以防 localStorage 为空:

{
    el: '.row',
    data:{
        cap:undefined,
        ti:undefined,
        forLS:JSON.parse(localStorage.getItem("allData") || '{ "items":[] }'),
        count:JSON.parse(localStorage.getItem("count") || '-1' )
}

实际上这是一个working fork你的 fiddle