VUE中如何实现当购物车的商品被选中，自动让全选框也同步选中

如题所示,VUE中如何实现当购物车的商品被选中，自动让全选框也同步选中

vue的UI库里面有的，就是elementUI里的el-table组件，其中 type="selection"代表多选框，可以进行全选和取消全选

<template>
  <el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>

参考地址：https://element.eleme.io/#/zh-CN/component/table

用el-table控件，el-table控件默认已经实现了该功能。

用ui框架里的checkbox

给购物车里的每条数据加一个是否选中状态，然后再判断选中的个数是否等于购物车里数据的总条数，如果是，全选框的状态也同步选中，反之，取消选中