场景:
Elementui的table组件的<el-table-column>中,表头数据是随着日期选择器变化而动态生成,不断变化的,所以显示的表头内容需要响应式变化。
// 大致结构:
<el-table-column
v-for="(label, index) in tableLabels"
:key="index"
:label="label.split('--')[0]" // 这一行非常重要!不然无法响应式
:prop="label.substr(-8)">
<template #header>
<pre>{{label.split('--')[0]}}</pre> // 表头内容
</template>
</el-table-column>