Using Vuetify v-data-table's interface

yasunoritanaka

Yasunori Tanaka

Posted on July 28, 2020

Using Vuetify v-data-table's interface

In .vue file

<template>
  <v-data-table :headers="header" :options.sync="options"> ... </v-data-table>
</template>

<script lang="ts">
import { DataOptions, DataTableHeader } from 'vuetify/types'

interface DataType {
  options: DataOptions
  headers: DataTableHeader[]
}

export default Vue.extend({
  data(): DataType {
    options: {}
    headers: []
  }
})

You can import interfaces from vuetify/types.

💖 💪 🙅 🚩
yasunoritanaka
Yasunori Tanaka

Posted on July 28, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related