el-table 通过 slot=“header“ 自定义表头，遇到数据不更新的问题。
从表中可以看到我要的数据为空，但是在控制台输出数据又不为空，由此判断是自定义表头的内容未在数据变化时触发重新渲染
在 Element UI 官方示例中，若通过旧式插槽语法 slot="header" 实现自定义表头，并在表头内集成 el-select 等动态组件时，可能出现选中状态无法展示或数据更新失效的问题。此现象源于 Vue 的插槽作用域机制差异——旧式语法 (slot="header") 在某些场景下无法自动追踪响应式数据的变化。
解决方案：
将 slot="header" 升级为 Vue 2.6+ 推荐的 #header 新式作用域插槽语法（等效于 v-slot:header），可显式绑定响应式数据流，确保动态内容实时更新。
旧式语法（可能失效）
<el-table-column>
<template slot="header">
<el-select v-model="selectedState">
<!-- 选中后状态不更新 -->
</el-select>
</template>
</el-table-column>
新式语法（推荐方案）
<el-table-column>
<template #header>
<el-select v-model="selectedState">
<!-- 动态响应选中状态 -->
</el-select>
</template>
</el-table-column>
成功啦
