怎么在el-table-column中加多个单选框

// 在el-table-column中加多个单选框的实现方法如下：
// 1. 首先手动添加一个el-table-column，设type属性为selection
// 2. 绑定一个方法@selection-change="handleSelectionChange"即可拿到多选的数据
// 3. 使用isExist方法来判断当前行数据是否被勾选
// 4. 编写一个checkbox，定位到表头，代替全选框

相关问题

el-table-column中加输入框

在el-table-column中添加输入框，可以通过使用scoped slot来实现。具体步骤如下：

1. 在el-table-column中添加scoped slot，用于自定义列的内容。例如，可以在el-table-column中添加一个名为"input"的scoped slot。

2. 在scoped slot中，使用el-input组件来创建输入框。可以根据需要设置输入框的属性和事件。

下面是一个示例代码：

<el-table :data="tableData">
  <el-table-column label="姓名">
    <template slot-scope="scope">
      <el-input v-model="scope.row.name"></el-input>
    </template>
  </el-table-column>
</el-table>

在上面的示例中，我们在el-table-column中添加了一个scoped slot，并在scoped slot中使用了el-input组件来创建输入框。通过v-model指令，将输入框的值与表格数据中的name字段进行绑定。

请注意，上述示例中的tableData是一个包含数据的数组，用于渲染表格。

el-table-column绑定多个数据

el-table-column可以通过v-for指令循环绑定多个数据。下面是两种方法：

1. 使用v-for循环绑定tableDataline字段：

<el-table :data="tableData">
  <el-table-column v-for="item in tableDataline" :key="item.field" :prop="item.field" :label="item.label"></el-table-column>
</el-table>

在这个例子中，tableDataline是一个数组，每个元素都包含了字段的相关信息，例如字段名、字段标签等。通过v-for循环遍历tableDataline数组，将每个元素的字段名、字段标签等信息绑定到el-table-column组件的相应属性上。

2. 将data中的infolist赋值给tableDataline：

data() {
  return {
    tableData: [],
    infolist: [
      { field: 'name', label: '姓名' },
      { field: 'age', label: '年龄' },
      { field: 'gender', label: '性别' }
    ]
  }
},
computed: {
  tableDataline() {
    return this.infolist;
  }
}

在这个例子中，我们将infolist数组赋值给tableDataline。然后在el-table-column中使用tableDataline数组进行循环绑定。