码迷,mamicode.com
首页 > 其他好文 > 详细

vue--基础应用 全选

时间:2019-10-04 00:07:50      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:script   UNC   function   src   style   col   应用   val   als   

1.用computed实现全选

 1 <body>
 2     <div id="app">
 3         <input type="checkbox" v-model="checkAll">全选
 4         <input type="checkbox" v-for="(item,index) in checks" :key="index" v-model="item.flag">
 5     </div>
 6     <script src="./node_modules/vue/dist/vue.js"></script>
 7     <script>
 8         let vm = new Vue({
 9             data:{
10                 checks:[{flag:true},{flag:false},{flag:true}]    
11             },
12             computed:{
13                 checkAll:{
14                     get(){
15                         return this.checks.every(function(item){
16                             return item.flag;
17                         });
18                     },
19                     set(value){
20                         this.checks.forEach(element => {
21                             element.flag = value;
22                         });
23                     }
24                 }
25             }
26         }).$mount("#app");
27     </script>
28 
29 </body>

 

vue--基础应用 全选

标签:script   UNC   function   src   style   col   应用   val   als   

原文地址:https://www.cnblogs.com/moon-yyl/p/11620833.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!