Javascript 在Vuetify 2.x v-data-table中使用选项对象

我正在使用Vuetify 2.x中的Vue组件

v-data-table

<template>
    <v-data-table
        :hide-default-footer="hideFooter || false"
        :ref="modelName + 'Table'"
        :id="modelName + 'Table'"
        :value="selectedList"
        @input="$emit('update:selectedList', $event)"
        :headers="dataTable.headers"
        :items="collection"
        :showSelect="showSelect || false"
        item-key="id"
        class="elevation-1"
        :options.sync="topicsDataTable.options">
   </v-data-table>
</template>

<script>
    export default {
        data() {
            return {
                topicsDataTable: {
                    headers: [
                        { text: 'Topic', value: 'title', sortable: false },
                        { text: 'Current Interval', value: 'current_revision_interval', sortable: false },
                        { text: 'Interval Benchmark', value: 'interval_benchmark', sortable: true },
                        { text: 'Add Date', value: 'created_at', sortable: true },
                    ],
                    options: {
                        sortBy: 'interval_benchmark'
                    }
                }
            }
        }
    }
</script>

但是，当我在上面的示例中传递包含

sortBy

属性的

options

对象时，会出现以下错误：

this.options.sortBy.findIndex不是函数

---

这是怎么没有被正确传递的？

看起来像是sortByprop正在等待

string[]

，而不仅仅是一个

string

试试这个：

...
data() {
    return {
        topicsDataTable: {
            headers: [
                ...
            ],
            options: {
                sortBy: ['interval_benchmark']
            }
        }
    }
}
...

...
data() {
    return {
        topicsDataTable: {
            headers: [
                ...
            ],
            options: {
                sortBy: ['interval_benchmark']
            }
        }
    }
}
...