Javascript 如何检查data Vue.js中的本地存储

Javascript 如何检查data Vue.js中的本地存储,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我使用Vue js和localstorage(LS)创建了todolist。一切正常,但当我尝试在另一个浏览器中运行它时,其中LS是免费的,我出现了一个错误无法读取null的属性'items'。我必须在使用它之前检查LS,但我在无法检查LS的数据中读取LS 我的部分代码: var app = new Vue({ el: '.row', data:{ cap:undefined, ti:undefined, forLS:{ items:[] },

我使用Vue js和localstorage(LS)创建了todolist。一切正常,但当我尝试在另一个浏览器中运行它时,其中LS是免费的,我出现了一个错误
无法读取null的属性'items'
。我必须在使用它之前检查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,但无法在数据中运行它。 所有代码
我真的不知道如何解决这个问题。提前谢谢您!

我想您需要一个后备方案,以防本地存储空间为空:

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

事实上,这是您的一份文件,我认为您需要一个后备方案,以防本地存储空间为空:

{
    el: '.row',
    data:{
        cap:undefined,
        ti:undefined,
        forLS:JSON.parse(localStorage.getItem("allData") || '{ "items":[] }'),
        count:JSON.parse(localStorage.getItem("count") || '-1' )
}
实际上,这是你的一把小提琴