Vue –自定义el-table-column头部的两种方法

内容分享7个月前发布
3 0 0
全能 AI 聚合平台 免费

一站式接入主流 AI 大模型,支持对话 · 生图 · 生视频,即开即用

ChatGPT Claude Gemini Grok DeepSeek 通义千问 Ollama
AI对话 AI生图 AI视频
免费使用 →

第一种方法:会出现警告 [Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.

1.在<el-table-column>上定义:render-header调用自定义表头方法,如图举例

Vue --自定义el-table-column头部的两种方法

2.在methods:{}方法里面自定义表头方法,如图举例

Vue --自定义el-table-column头部的两种方法

第二种方法: 使用scoped-slot(更简单且简洁无警告)

1.在<el-table-column>上使用scoped-slot

2.<template>绑定slot,然后自定义你所需要的内容

如图举例

Vue --自定义el-table-column头部的两种方法

© 版权声明

相关文章

暂无评论

none
暂无评论...