el-table-column如何设置表格按钮“选择商品”点击后，表格多选框变为选中状态

在Vue.js中，`el-table-column` 是 Element UI 提供的表格列组件，用于定义表格中的数据展示和操作。如果你想在表格的最后一列添加一个按钮，当用户点击这个“选择商品”的按钮时，对应行的复选框会被选中，你可以这样做：

首先，在`el-table-column`中定义一个包含按钮的列，比如这样:

<template>
  <el-table-column
    type="selection"
    width="50" <!-- 表示复选框的宽度 -->
    label="操作"
  >
    <template slot-scope="{ row }">
      <el-button @click="selectRow(row)">选择</el-button>
    </template>
  </el-table-column>
</template>

<script>
export default {
  methods: {
    selectRow(row) {
      this.$tableInstance.selectAll(); // 先全选所有，然后选择当前行
      this.$tableInstance.toggleRowSelection(row, true); // 或者只选择当前行
    }
  },
  data() {
    return {
      $tableInstance: null, // 需要在 mounted 中获取 table 的实例
    };
  },
  mounted() {
    this.$tableInstance = this.$refs.table; // 获取 table 实例
  }
}
</script>

这里的关键是在 `selectRow` 方法中，你需要确保你已经绑定了`v-model`到整个表格上（`ref="table"`），这样才能通过 `$tableInstance` 对象操作表格的选择。