<el-table :data=‘table__.slice(0,20)’> <el-table-column prop=“name”></el-table-column> </el-table>如何为显示的数据name 添加复选框和el-input-number

要在 `<el-table>` 中为显示的 `name` 列添加复选框和 `el-input-number`，你可以使用 `<el-table-column>` 的 `slot` 属性来自定义列的内容。以下是一个示例代码，展示了如何实现这一功能：

<el-table :data="tableData.slice(0, 20)">
  <el-table-column label="Select">
    <template slot-scope="scope">
      <el-checkbox v-model="scope.row.selected"></el-checkbox>
    </template>
  </el-table-column>
  
  <el-table-column prop="name" label="Name">
    <template slot-scope="scope">
      <el-input-number v-model="scope.row.quantity" :min="1" :max="10"></el-input-number>
      <span>{{ scope.row.name }}</span>
    </template>
  </el-table-column>
</el-table>

在这个示例中：
1. 第一个 `<el-table-column>` 添加了一个复选框列，使用 `el-checkbox` 组件，并通过 `v-model` 绑定到每一行的 `selected` 属性。
2. 第二个 `<el-table-column>` 显示 `name` 属性，并在其中添加了一个 `el-input-number` 组件，通过 `v-model` 绑定到每一行的 `quantity` 属性。

确保你的数据对象中包含 `selected` 和 `quantity` 属性，例如：

data() {
  return {
    tableData: [
      { name: 'Item 1', selected: false, quantity: 1 },
      { name: 'Item 2', selected: false, quantity: 1 },
      // ... 其他数据项
    ]
  };
}