vue实现本地存储添加删除修改功能 vue实现本地存储添加删除修改

本文实例为大家分享了vue实现本地存储添加删除修改的具体代码，供大家参考，具体内容如下
实现功能：
输入的内容添加到正在进行列表中，
双击修改功能，
点击esc键，取消，还是之前的内容，
点击回车，修改成功，
修改框失焦时修改成功，
选中按钮时进入已完成列表，未选中时在正在进行中列表，
点击删除进行删除当行，
本地存储下次打开上次添加的还在

- 锐客网*{padding: 0; margin: 0; }ul{list-style: none; }li{width: 220px; height: 40px; border: 1px solid gainsboro; margin-top: 4px; display: flex; justify-content: space-between; align-items: center; background-color: #6CE26C; }.del{margin-right: 5px; border: none; width: 20px; height: 20px; background-color: #008200; } 正在进行中{{undolist.length}}

{{item.name}}
已经完成{{doneList.length}}

{{item.name}}