我应该如何声明localStorage变量以避免引用错误

时间:2018-09-06 15:12:26

标签: javascript vue.js local-storage

我最近在this post中发现了'localStorage',并且即使用户刷新网页,我也使用它来保持登录状态。

当我只需要保存用户名时,没有任何错误,但是随后,我添加了一个'grd'变量进行保存,但出现了以下错误:

[Vue warn]: Error in created hook: "ReferenceError: grd is not defined"

这是我在页面加载时获取数据的方式:

var name = localStorage.getItem(name);
var grade = localStorage.getItem(grd);
if (name !== null){
  this.user = name;
}
if (grade !== null){
  this.userGrade = grade;
}

这就是我保存数据的方式:

localStorage.setItem(name, '');
localStorage.setItem(grd, '');

我应该更改/添加哪些内容以清除参考错误?

我正在此项目中使用vue.js

1 个答案:

答案 0 :(得分:1)

您可以通过在变量grd和名称中添加引号来解决参考错误,如下所示:

<width,height> : (260,260) , (280,150) , (340,140), (115,140), (76,140)

引用是键值,必须作为字符串传递。