1.用computed实现全选

 <body>

     <div id="app">

         <input type="checkbox" v-model="checkAll">全选

         <input type="checkbox" v-for="(item,index) in checks" :key="index" v-model="item.flag">

     </div>

     <script src="./node_modules/vue/dist/vue.js"></script>

     <script>

         let vm = new Vue({

             data:{

                 checks:[{flag:true},{flag:false},{flag:true}]

             },

             computed:{

                 checkAll:{

                     get(){

                         return this.checks.every(function(item){

                             return item.flag;

                         });

                     },

                     set(value){

                         this.checks.forEach(element => {

                             element.flag = value;

                         });

                     }

                 }

             }

         }).$mount("#app");

     </script>

 </body>

最新文章

  1. webstorm 运行配置gulp
  2. JS魔法堂：函数节流（throttle）与函数去抖（debounce）
  3. 【Java每日一题】20161207
  4. SQL注入技术专题—由浅入深【精华聚合】
  5. dotnetbar入门
  6. Docker 基础技术：Linux Namespace（下）
  7. asp.net C#母版页和内容页事件排版载入顺序生命周期
  8. jQuery 如何写插件 - 第一步
  9. mssql执行计划查看的一些知识
  10. 合并两个list，不包含重复的对象
  11. Docker学习笔记【三】安装Redis
  12. TopN案例
  13. RESTful-4使用教程
  14. VMWare 鼠标无法点击 的问题
  15. python之路-格式化输出、编码
  16. mysql字符串查找(统计客源)
  17. sweetalert的使用
  18. 汇编语言计算Sin,Cos,Pow函数
  19. &lt;王二的经济学故事&gt;读书笔记
  20. AutoMatic merge failed；fix conflicts and then commit the result.解决方法

热门文章

  1. javascript常用知识汇总
  2. AD复制问题汇总
  3. STL中map的使用
  4. 化学键|甘氨酸|谷氨酸|半胱胺酸|motif|domain|疏水相互作用|序列相似性|clustering analysis|Chou and Fasman|GOR|PHD|穿线法|first-principle ab initio folding|
  5. unittest（20）- 自动更新表格中数据（5）
  6. JS做深度学习2——导入训练模型
  7. leetcode笔记&mdash;&mdash;35.搜索插入位置 - CrowFea
  8. Proto3：Arena分配指南
  9. Circles of Waiting
  10. 大厂面试官问你META-INF/spring.factories要怎么实现自动扫描、自动装配？