用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)
                }
            }
        }
    })
posted @ 2020-02-11 11:44  ✔️zhangfl_go  阅读(307)  评论(0编辑  收藏  举报