vue todomvc案例中全选框出错,需要点三次才能完成全选取消全选两种操作
来源:互联网 发布:注册音乐人软件 编辑:程序博客网 时间:2024/05/17 08:44
这个坑我并不想表达任何情绪,保持微笑
HTML如下:
<input class="toggle-all" type="checkbox" v-model="allDone">
错误js如下:
//全选与取消全选事件 allDone: { get: function () { this.remaining ===0 }, set: function (value) { this.todos.forEach(function(todo) { todo.completed = value }, this); } },
出错情况如下:
我点击全选框,内容全选了,但是全选框没有亮,它默默地做出了自己的贡献不需要任何回报
经过本仙女的仔细考虑,发现了一个问题,get 没有return 啊,修改如下:
get: function () { return this.remaining ===0},
错因:当第一次点击时,allDone执行了,但是它在等待get return一个值,没有等到,再次点击,才能被选中
阅读全文
0 0
- vue todomvc案例中全选框出错,需要点三次才能完成全选取消全选两种操作
- 复选框全选、取消全选
- 全选及取消全选
- jquery全选,取消全选
- 全选/取消 全选
- jQuery全选、取消全选
- checkbox 全选 取消全选
- 全选和取消全选
- jquery全选,取消全选
- chebox全选 取消全选
- chebox全选 取消全选
- 全选/取消全选checkbox
- 全选/取消全选
- 全选与取消全选
- icheck 全选 取消全选
- 全选 取消全选
- DataGrid中CheckBox的全选/取消全选
- 全选/取消复选框
- CANoe的CAPL编程基础(2)
- 【bzoj1977】【严格次小生成树】倍增维护链上最大次大值
- 2. GDI+图像的加载和保存
- iOS开发笔记-UI-UIView
- 图论练习2:双栈排序
- vue todomvc案例中全选框出错,需要点三次才能完成全选取消全选两种操作
- Leetcode 4 Median of Two Sorted Arrays
- java常见的四个运行时期的异常
- Java Web 中使用Hibernate开发的步骤
- linux学习(2)
- malloc与free的底层实现
- CTF 实验吧 Forms
- uva 12186 DP
- 【队内胡策】2017.10.10