小编Alm*_*mic的帖子

槽头 vuetify 2.0

早上好,我正在修改 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)

datatable header slot vue.js vuetify.js

3
推荐指数
1
解决办法
4669
查看次数

标签 统计

datatable ×1

header ×1

slot ×1

vue.js ×1

vuetify.js ×1