早上好,我正在修改 vuetify.js 中数据表的槽头以添加工具提示,所有这些都做得很好,但是 asc 和 desc 的箭头没有显示,我想知道我做错了什么。
<template v-slot:header="{ props: { headers } }">
<thead>
<tr>
<th
style="white-space: nowrap"
:class="['column sortable', pagination.descending ? 'desc' : 'asc', header.value === pagination.sortBy ? 'active' : '']"
@click="changeSort(header.value)"
v-for="element in headers"
:key="element.text">
<v-tooltip top>
<template v-slot:activator="{ on }">
<span v-on="on">{{element.text}}</span>
</template>
<span>{{element.text}}</span>
</v-tooltip>
</th>
</tr>
</thead>
</template>
Run Code Online (Sandbox Code Playgroud)