vue写todo页面
文章平均质量分 79
一个功能一个功能加上去的,我觉得这样更好懂
梦想身高1米8
这个作者很懒,什么都没留下…
展开
-
vue写todo页面(9)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 4 编辑:双击todo信息隐藏checkout、info、button,显示输入框,回车或失去焦点完成编辑,esc退出编辑 5 提示剩余未完成todo数量,清除已完成todo 6 增加显示筛选条件 7 全选 8 将数据保存在localStorage中 9原创 2022-03-28 16:38:08 · 111 阅读 · 0 评论 -
vue写todo页面(8)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 4 编辑:双击todo信息隐藏checkout、info、button,显示输入框,回车或失去焦点完成编辑,esc退出编辑 5 提示剩余未完成todo数量,清除已完成todo 6 增加显示筛选条件 7 全选 8 将数据保存在localStorage中 &l原创 2022-03-28 11:49:23 · 88 阅读 · 0 评论 -
vue写todo页面(7)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 4 编辑:双击todo信息隐藏checkout、info、button,显示输入框,回车或失去焦点完成编辑,esc退出编辑 5 提示剩余未完成todo数量,清除已完成todo 6 增加显示筛选条件 7 全选 <html> <head&g原创 2022-03-28 11:25:47 · 92 阅读 · 0 评论 -
vue写todo页面(6)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 4 编辑:双击todo信息隐藏checkout、info、button,显示输入框,回车或失去焦点完成编辑,esc退出编辑 5 提示剩余未完成todo数量,清除已完成todo 6 增加显示筛选条件 <html> <head>原创 2022-03-25 17:59:41 · 1435 阅读 · 0 评论 -
vue写todo页面(5)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 4 编辑:双击todo信息隐藏checkout、info、button,显示输入框,回车或失去焦点完成编辑,esc退出编辑 5 提示剩余未完成todo数量,清除已完成todo <html> <head> <scrip原创 2022-03-25 17:24:49 · 91 阅读 · 0 评论 -
vue写todo页面(4)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 4 编辑:双击todo信息隐藏checkout、info、button,显示输入框,回车或失去焦点完成编辑,esc退出编辑 <html> <head> <script src="https://cdn.jsdeliv原创 2022-03-25 16:58:28 · 91 阅读 · 0 评论 -
vue写todo页面(3)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 3 每条todo信息增加complete状态,列表前增加checkbox,选中后修改complete值,根据complete值修改todo信息样式 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <style&原创 2022-03-25 15:59:19 · 72 阅读 · 0 评论 -
vue写todo页面(2)
模板地址:vue官网上的示例 1 实现输入框输入,回车添加todo信息 2 每条todo信息后增加删除按钮 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="root"> <原创 2022-03-25 15:36:37 · 70 阅读 · 0 评论 -
vue写todo页面(1)
模板地址:vue官网上的示例 实现输入框输入,回车添加todo信息 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="root"> <input v-model="newTo原创 2022-03-25 15:18:48 · 1292 阅读 · 0 评论