如何自定义单个表头- vue2 -vuetify?

Question

我读过这个答案:如何自定义表头中的所有元素?

但是它是关于所有的标题，我只需要添加图标到第一个标题

我试着调整所有的标题，但它看起来很奇怪，不干净。

Answer 1

您可以在Vuetify文档中找到答案，但您也可以在您阅读的问题的答案中找到答案。

<v-data-table
:headers="headers"
:items="items"
>
<template v-slot:header.HEADER_VALUE="{ header }">
<!-- ICON HERE -->
</template>
</v-data-table>

你要做的就是改变HEADER_VALUE到第一个头值属性，在模板中，你只需要把HTML显示你的图标(我猜你肯定会使用v-icon)，它应该解决你的问题。
祝你项目顺利!