如何在数据 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 中运行它。 所有代码在这里我真的不知道如何解决这个问题。 提前谢谢你！

Answer 1

我认为如果 localStorage 为空，您需要回退：

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

实际上这是你的小提琴的一个工作叉