为了账号安全,请及时绑定邮箱和手机立即绑定

如何在todolist增加删除功能

只能增加不能删除吗!!!这什么应用体验,

查了一下window.localStorage.removeItem()的API,发现并不适用,

需要对Store.js里面的STORAGE_KEY进行修改。。。。

正在回答

2 回答

修改就是重新setItem,removeItem是删掉这个字段,不懂你说的不适用的意思。

我刚刚试了一下localstorage的接口,没啥问题,你可以试一下:

http://img1.sycdn.imooc.com//58a68fdb000129ec03350156.jpg

0 回复 有任何疑惑可以回复我~

看你的需求应该是单独删除一项localStorage中的一项。

我的思路是这样的:先查询出localStorage中的todos-vuejs,localStorage.getItem("todos-vuejs"),因为localStorage的值都是字符串,所以需要用JSON.parse()转成对象 ;var getlocalData = JSON.parse(localStorage.getItem("todos-vuejs")); 然后再对该对象 进行 splice(); 再把删除后了某项后的对象 重新 setItem()。具体代码如下:

//获取
var getlocalData = JSON.parse(localStorage.getItem("todos-vuejs"));
//删除
var dellocalData = getlocalData.splice(1,1);
var dellocalDataStr = JSON.stringify(getlocalData);
var localDataStr = JSON.stringify(getlocalData);
//重新设置
localStorage.setItem("newdata", localDataStr);


1 回复 有任何疑惑可以回复我~
#1

garfieldzhong

更正一下: //重新设置 localStorage.setItem("todos-vuejs", localDataStr);
2017-02-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
vue.js入门基础
  • 参与学习       209716    人
  • 解答问题       677    个

本门为vuejs入门教程,详细的讲解加实战,可以帮你进入vuejs的大门

进入课程

如何在todolist增加删除功能

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信