vue3计算属性实现全选

  <template> 
 <el-checkbox v-model="selectAll" @change="toggleAll">全选</el-checkbox>

<el-checkbox-group
          v-model="checkList"
          @change="headleAdd"
          v-for="(item, index) in relist"
>
</template>



<script lang="ts" setup>
import { ref } from 'vue'

// 全选
const selectAll = computed({

  get() {

    return checkList.value.length === relist.value.length;

  },

  set(value) {

    checkList.value = value ? relist.value : [];

  },

});



function toggleAll(event) {

  checkList.value = event.target.checked ? relist.value : [];

}

</script>