VuetifyのData tableを指定列の降順で初期表示する

方法

  1. v-data-tableにpagination.syncプロパティを指定する。
  2. pagination.syncプロパティを設定する。(sortByにソート対象のヘッダのvalueを指定する)
<template>
<v-data-table
        :headers="headers"
        :items="items"
        :pagination.sync="pagination"
        hide-actions
>
    <!-- 略 -->
</v-data-table>
</template>

<script>
export default {
    data: function() {
        return {
            // 略
            pagination: {
                sortBy: 'id',
                descending: true,
                rowsPerPage: -1,
            },
        }
    }
}
<script>

サンプル

JS Bin - Collaborative JavaScript Debugging

参考

Datatable - Default sorting (or no sort at all) / manual sorting · Issue #442 · vuetifyjs/vuetify · GitHub