vue绑定checkbox改变选中状态

最新推荐文章于 2024-08-05 19:32:04 发布

Leo·five

最新推荐文章于 2024-08-05 19:32:04 发布

阅读量1.9w

点赞数 3

分类专栏： vue

本文链接：https://blog.csdn.net/elijip/article/details/81905149

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<div class="weui-cells weui-cells_checkbox font14" v-for="item in items">
       <label class="weui-cell weui-check__label">
            <div class="weui-cell__ft width-inherit">
                <input type="checkbox" class="weui-check" v-on:click="CheckItem(item)" v-model="item.state" name="checkbox" />
            </div>
        </label>
  </div>


var vum = new Vue({
    data:{
        items:[]
    }
    methods:{
        CheckItem:function(item){
            item.state = !item.state;
            console.log(this.items);
        }
    }
})