我正在使用v-data-tableVuetify 2.x 中的Vue 組件。<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>根據(jù)文檔,它指出可以將選項(xiàng)道具傳遞給組件以控制列排序等。{ page: number itemsPerPage: number sortBy: string[] sortDesc: boolean[] groupBy: string[] groupDesc: boolean[] multiSort: boolean mustSort: boolean}但是,當(dāng)我在上面的示例中傳遞options包含該sortBy屬性的對(duì)象時(shí),會(huì)出現(xiàn)以下錯(cuò)誤:this.options.sortBy.findIndex 不是函數(shù)這怎么沒(méi)有被正確傳遞?
在 Vuetify 2.x v-data-table 中使用選項(xiàng)對(duì)象
吃雞游戲
2023-03-18 14:54:59