Vue的todolist如何实现长尾词功能,让待办事项更智能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计264个文字,预计阅读时间需要2分钟。
没有特定风格的待办事项,我也很想有一个版本:两个版本慢慢改+钓鱼王的记账本+{item.content}+服装做好+事情有没有做完你心里没一点B数吗?等我吃饭回来就去看看css+
咸鱼王的记事本
{{item.content}}事情有没有做完你自己心里没有一点B数吗
等我要饭回来了就去看css#todo{ margin:0px auto; width:800px } .list{ color:black; } .finish{ text-decoration: line-through; color: #ccc; } .empty{ font-size: 13px; color: #5A5B31; padding: 10px 0; } 下回改
let todo=new Vue({ el:'#todo', data:{ task:{ content:'', finished:false, deleted:false }, list:[], }, methods:{ addTask:function(){ this.list.push(this.task); this.task={ content:'', finished:false, deleted:false } }, change:function(index){ let curState=this.list[index].finished; this.list[index].finished=!curState; }, removeTask:function(index){ this.list.splice(index,1); } } }); 1.gif
本文共计264个文字,预计阅读时间需要2分钟。
没有特定风格的待办事项,我也很想有一个版本:两个版本慢慢改+钓鱼王的记账本+{item.content}+服装做好+事情有没有做完你心里没一点B数吗?等我吃饭回来就去看看css+
咸鱼王的记事本
{{item.content}}事情有没有做完你自己心里没有一点B数吗
等我要饭回来了就去看css#todo{ margin:0px auto; width:800px } .list{ color:black; } .finish{ text-decoration: line-through; color: #ccc; } .empty{ font-size: 13px; color: #5A5B31; padding: 10px 0; } 下回改
let todo=new Vue({ el:'#todo', data:{ task:{ content:'', finished:false, deleted:false }, list:[], }, methods:{ addTask:function(){ this.list.push(this.task); this.task={ content:'', finished:false, deleted:false } }, change:function(index){ let curState=this.list[index].finished; this.list[index].finished=!curState; }, removeTask:function(index){ this.list.splice(index,1); } } }); 1.gif

