首页 > 其他 > 详细

用Vue简单实现自动全选

时间:2020-02-11 13:19:11      阅读:100      评论:0      收藏:0      [点我收藏+]

没什么可以描述的,很简单的小功能,直接上代码吧
html部分

<div id='app>
    全选<input type='checkbox' v-model='checkAll'/>
    <template>
        <label></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)
                }
            }
        }
    })

用Vue简单实现自动全选

原文:https://www.cnblogs.com/angfl/p/12294373.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!