使用 Vue 製作的 Todo List

Avatar of 黃昱潔.
Avatar of 黃昱潔.

使用 Vue 製作的 Todo List

前端工程師
New Taipei City, Taiwan

使用 Vue 製作的 Todo List

以下為功能介紹

1.新增項目並以 Local Storage 儲存

2.勾選完成事項並更改 CSS 樣式

3.點擊按鈕刪除單項

4.刪除所有已勾選事項,並計算尚有幾個項目未完成

5.游標雙擊項目可修改項目名稱,點擊 enter 或游標離開焦點時(blur)可完成修改,若點擊 Esc 鍵則會恢復原狀

另外還有使用 vue-router 製作的路由

Todo List 功能: 1.新增項目並以 Local Storage 儲存 2.勾選完成事項 3.刪除單項 4.刪除所有已勾選事項 5.修改項目名稱 6.計算尚有幾個項目未完成
Avatar of the user.
Please login to comment.

Published: Nov 17th 2022
35
8
0

Tools

bootstrap
Bootstrap
vuejs
Vue.js

前端
todo list
vue

Share