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

相關文章
相關標籤/搜索