scoped slot 实现表格表头增加提示

Scoped Slot (命名插槽) 是 Vue.js 中的一个强大功能，它允许你在组件内部插入任意 HTML 结构，特别是在 Element UI 的 Table 组件中，常用于定制化表头、行或者单元格。如果你想要在表头增加提示信息，可以创建一个新的 scoped slot，然后在表头模板上使用这个插槽。

下面是一个简单的示例：

<template>
  <el-table :data="tableData" border>
    <el-table-column type="index">
      <!-- 使用 scoped slot 插入表头提示 -->
      <template slot-scope="{ $index }">
        <th slot="header">
          <span v-if="showIndexTip">索引提示：{{ $index + 1 }}</span>
          {{ $index + 1 }}
        </th>
      </template>
    </el-table-column>
    <!-- 其他列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: ...,
      showIndexTip: true, // 控制是否显示提示，默认为true
    };
  }
};
</script>

在这个例子中，我们创建了一个新的 scoped slot `slot-scope`，并在其中定义了表头的模板。当 `showIndexTip` 为真时，会展示提示信息，否则只显示正常的索引数字。