没有合适的资源?快使用搜索试试~ 我知道了~
vue-todoList-demo:单独引用vue.js文件完成一个todoList demo,功能完整,实现了部分交互效果!
共8个文件
css:3个
js:2个
md:1个
需积分: 10 0 下载量 46 浏览量
2021-05-11
17:22:37
上传
评论
收藏 90KB ZIP 举报
温馨提示
TodoList 手机样式引用sui mobile 头部-标题栏 使用sui快速布局 内容区-卡片 todo的列表内容,外侧包裹一个content类名,不然会挤到上部; 查找按钮类名添加,样式button button-success button-fill 将时间戳存储本地,取出后使用过滤器将时间格式化,显示在页面上 list 1.寻找关键数据 这里我们使用了对象的格式,需要有key, 点击V按钮是否显示:有没有完成和这条todo有关系,所以定义在对象里面 2.将关键数据与视图建立联系 添加:class类,控制样式 (:class与后面的class不冲突) 这里写的是对象的格式 3.通过控制数据来控制视图效果 通过点击改变isFinished的布尔值,因为要存储本地,所以写了一个finishTodo方法,完成改变 删除按钮 1.寻找关键数据 点击按钮删除这条数据-->写一个方法,这里需要
资源推荐
资源详情
资源评论
收起资源包目录
vue-todoList-demo-master.zip (8个子文件)
vue-todoList-demo-master
index.js 6KB
README.md 3KB
index.html 5KB
.vscode
settings.json 70B
base
reset.css 674B
animate.css 73KB
vue.js 283KB
index.css 2KB
共 8 条
- 1
资源评论
胜负欲
- 粉丝: 21
- 资源: 4642
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功