自定义el-table表头

最新推荐文章于 2025-03-11 17:02:42 发布

黑马程序员xlj

最新推荐文章于 2025-03-11 17:02:42 发布

阅读量1.5k

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/qq_42236548/article/details/130689342

版权

文章讨论了在Vue.js中使用el-table-column组件时，通过#header和slot=header两种方式实现表头动态显示的情况。尽管两者都能根据distributedAmount的变化更新内容，但似乎slot=header方式在动态渲染上存在不完全生效的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <el-table-column label="***" align="center" prop="inStockAmount">
      <template #header>***(合计：{{ distributedAmount }})</template>
  </el-table-column>

 <el-table-column label="***" align="center" prop="inStockAmount">
      <template slot='header'>***(合计：{{ distributedAmount }})</template>
  </el-table-column>

以上两种方法都是可以的 #header可以动态显示表头，就比如distributedAmount 变了就会重新渲染，但是slot='header'不行