用Vue简单实现自动全选
没什么可以描述的,很简单的小功能,直接上代码吧
html部分
<div id='app>
全选<input type='checkbox' v-model='checkAll'/>
<template>
<label>{{item.name}}</label>
<input type='checkbox' v-model='item.value'/>
</template>
</div>
js部分
let vm = new Vue({
el:"#app",
data:{
checkData:[{value:true,name:"北京"},{value:false,name:"天津"},{value:true,name:"河北"}]
},
computed:{
checkAll:{
get(){
return this.checkData.every(item=>item.value)
},
set(val){
this.checkData.forEach(item=>item.value==val)
}
}
}
})
热爱我热爱的