其他分享
首页 > 其他分享> > 全选框 影响小选框 v-model

全选框 影响小选框 v-model

作者:互联网

一, 步骤

  1. 小选框v-model, 关联数组里对象的c属性
  2. isAll计算属性的set方法, 拿到全选框状态
  3. 状态值赋给, 数组里每个对象的c属性

二,代码演示

<script>
export default {
  //  计算属性-isAll
  computed: {
    isAll: {
      set(val){
        // 7. 全选框 - 选中状态(true/false)
        this.arr.forEach(obj => obj.c = val)
      },
      get(){
        // 6. 统计小选框状态 ->  全选状态
        // every口诀: 查找数组里"不符合"条件, 直接原地返回false
        return this.arr.every(obj => obj.c === true)
      }
    }
  }
};
</script>

标签:arr,obj,影响,数组,model,选框,isAll,属性
来源: https://blog.csdn.net/C_guoqing/article/details/120517062