element plus 中的 el-table-v2 的插槽的使用，自定义表头。

el-table-v2的插槽不如vuetify中v-data-table的好使，我没有找到直接定位到某个单元格以自定义的办法，我是使用v-if和v-else判断是否我要的单元格。谁知道更方便的做法拜托教我一下，实在找不到el-table-v2的太多使用细节。

<el-table-v2 class="class-detail-table" 
:columns="tableColumns" 
:data="tableData"
:height="height" 
:width="width">
    <!------------插槽------------>
	<template #header-cell="scope">
    <!---------------------------->
		<el-button 
		v-if="scope.column.key == 'option'"
		@click="console.log(scope)">
		{{ scope.column.title }}
		</el-button>
		<span v-else>{{ scope.column.title }}</span>
	</template>
</el-table-v2>

 以上是el-table-v2中插槽的使用。我用上述代码将表头中的一项改为了按钮。vue中插槽v-slot的简写是#符号。el-table-v2中有这几种插槽: #header; #header-cell; #cell; #row; #footer; #empty; #overlay, 它们分别的用处可以通过打印scope的值来推断。

 在上述代码v-if是用来判断表格header的key是否是‘option‘，因为我只希望key=option的列名被自定义为按钮。效果如下，右上角的按钮是用插槽自定义的：

 当你有些晕头转向的时候，用console.log(scope)查看一下内容。上面提到的其它几个插槽的用法应该也差不多。