table checkbox 点击出现隐藏的checkbox

要在 Element UI 的 Table 组件的复选框列中点击后出现隐藏的复选框，你可以使用以下步骤：

1. 在 Table 组件中，将 `show-checkbox` 属性设置为 `true`，以显示复选框。例如：

<el-table :data="tableData" show-checkbox>
  <!-- 表格列定义 -->
</el-table>

2. 在列定义中添加一个自定义的模板列，用于显示隐藏的复选框。例如，你可以在列定义中添加一个自定义列：

<el-table-column label="选择">
  <template slot-scope="scope">
    <input type="checkbox" v-model="scope.row.checked" @click.stop />
  </template>
</el-table-column>

这里的 `v-model` 绑定了每一行的 `checked` 属性，用于控制复选框的选中状态。`@click.stop` 阻止了点击事件的冒泡，以防止触发行选择事件。

3. 在 Vue 组件的 `data` 选项中定义 `tableData` 数组，并为每一项添加一个 `checked` 属性来控制复选框的选中状态。例如：

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

通过上述步骤，你就可以在 Element UI 的 Table 组件的复选框列中点击后出现隐藏的复选框了。每次点击复选框列中的复选框，会根据 `v-model` 的绑定更新对应行的 `checked` 属性，从而控制复选框的选中状态。