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

Question

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

Answer 1

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