el-table代码勾选某一行

要在 el-table 中勾选某一行，你可以使用 row-selection 属性来实现。首先，在 el-table 标签中添加 row-selection 属性，并将其值设置为 true。然后，在 el-table-column 标签中添加 type 属性，并将其值设置为 "selection"。这将在表格的第一列中显示一个勾选框，用于选择行。

以下是一个示例代码：

<el-table :data="tableData" row-selection>
  <el-table-column type="selection"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

在上面的示例中，tableData 是一个数组，包含了要显示在表格中的数据。勾选行后，你可以通过获取勾选的行数据进行进一步的处理。

希望能帮到你！如果有任何疑问，请随时提问。

相关问题

el-table怎么禁止某一行不可勾选

您可以通过设置该行的 `disabled` 属性为 `true` 来禁止某一行不可勾选，例如：

<el-table :data="tableData">
  <el-table-column type="selection"/>
  <el-table-column prop="name" label="Name"/>
  <el-table-column prop="age" label="Age"/>
</el-table>

// 在 tableData 中设置 disabled 为 true 的行
data () {
  return {
    tableData: [
      { name: 'Tom', age: 18 },
      { name: 'Lucy', age: 22, disabled: true },
      { name: 'Lily', age: 25 },
      { name: 'Jack', age: 30, disabled: true }
    ]
  }
}

这样，第 2 行和第 4 行将会被禁止勾选。

Element-UI el-table 勾选中某一项 取消选中某一项

在 Element-UI 的 el-table 中，如果要实现勾选中某一项和取消选中某一项的功能，需要使用 el-table 的 selection 属性与 @selection-change 事件。

首先，在 el-table 标签中设置 selection 属性为一个数组，用来存储被勾选的行数据，如下所示：

<el-table :data="tableData" :selection="selectedList" @selection-change="handleSelectionChange">

其中，tableData 是 el-table 的数据源，selectedList 是存储被勾选的行数据的数组。

接下来，在 methods 中定义 handleSelectionChange 方法，用来处理勾选和取消勾选的逻辑，如下所示：

methods: {
  handleSelectionChange(selection) {
    this.selectedList = selection;
  }
}

在该方法中，我们将 el-table 的 selection 属性设置为传入的 selection 数组，这样就可以实现勾选和取消勾选的功能了。

如果需要在 el-table 中显示勾选框，可以使用 el-table-column 的 type 属性，如下所示：

<el-table-column type="selection" width="55"></el-table-column>

这样就可以在 el-table 的每一行前面显示一个勾选框了。同时，也可以在 el-table-column 中设置 selectable 属性，来控制某一行是否可以被勾选，如下所示：

<el-table-column type="selection" width="55" :selectable="row => row.status === 'active'"></el-table-column>

在该示例中，只有 row.status 属性值为 'active' 的行才能被勾选。