kkw在学习vue,一个简单的todoList

一直都不会写这个todolist的样子,趁着有点时间吧,而后今天写了一个超级简单的todolist。没有写啥css。
效果图以下
image.pngcss

一、根据计算属性来获取数据的长度
image.pnggit

二、根据计算属性来判断目前已经选择了几个(一个是用reduce去实现累加的效果,一个是forEach方法)
image.png数组

三、判断是否全选(全选或者全不选以后,须要更新数据的,全部用到了计算属性的set)
image.pngspa

四、处理全选或者全不选
image.pngblog

五、删除所选的数据(采用了数组过滤方式完成,也有一种方式,将选择数据的数据存进一个新的数组,以后遍历数组,而后将所选择的数据删除掉,forEach循环去作,只是以为有点麻烦了)
image.pngget

六、通过上面的,基本上把todolist作完了,具体代码,已经上传git
https://gitee.com/hkkw/todoListit

相关文章
相关标签/搜索