element-ui自定义表头

最新推荐文章于 2025-06-16 20:06:20 发布

原创最新推荐文章于 2025-06-16 20:06:20 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用Element-UI在表格的表头中添加下拉框，通过示例代码展示了实现这一功能的具体步骤，帮助开发者回忆和掌握Element-UI的使用技巧。

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

因为好久没用element-ui的缘故，很多语法都忘记了，现在有个需求是，表头上能整下拉框，我们可以进行选择里面的内容

代码：

 <template slot="header" slot-scope="scope">
          <span>毛量</span>
          <el-tooltip
            class="item"
            effect="dark"
            content="Right Center 提示文字"
            placement="right"
          >
            <i class="el-icon-question"></i>
          </el-tooltip>
        </template>

和官网的普通插槽一样，不过这个多了个 slot=“header” 作为插槽的参数

之后会多多总结把遗忘的给拾取出来