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

本文实例为大家分享了vue实现本地存储添加删除修改的具体代码，供大家参考，具体内容如下

实现功能：

输入的内容添加到正在进行列表中，

双击修改功能，

点击esc键，取消，还是之前的内容，

点击回车，修改成功，

修改框失焦时修改成功，

选中按钮时进入已完成列表，未选中时在正在进行中列表，

点击删除进行删除当行，

本地存储下次打开上次添加的还在

 
  
  
  
 
 
  

   
   
   
   
   
正在进行中{{undolist.length}}
   

    
    

     

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

    
    

     

      
     
     
     {{item.name}}
     
     
     
     
     X
    
   
  
 
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。