Можно ли настроить действия, вызывающие функцию, по умолчанию на страницу v-data-table? - PullRequest
Новая
       49

Можно ли настроить действия, вызывающие функцию, по умолчанию на страницу v-data-table?

1 голос
/ 14 июня 2019

Я хотел бы вызвать функцию, когда я нажимаю предыдущую кнопку, следующая кнопка и номера rowPerPage изменяются.

Можно ли использовать нумерацию таблиц v-data по умолчанию, когда я использую слот action-prepend? Я пытался, но, кажется, не работает. 

<template>
  <v-data-table
    :headers="headers"
    :items="alertList"
    :pagination.sync="pagination"
    :rows-per-page-items="pagination.rowsPerPageItems"
    :total-items="pagination.totalCount"
    :loading="paginationLoading"
    class="elevation-1 block_display"
  >
    <template v-slot:items="props">
      <td class="text-xs-left">{{ props.item.id }}</td>
       ...
    </template>
    <template v-slot:actions-prepend>  // add another button before the default pagination
      <v-btn @click='goPrev'> < </btn>
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
   ....
  },
  methods: {
    goPrev() {
      // want to call vuex actions
    }
  }
}
</script>

1 Ответ

0 голосов
/ 18 июня 2019

Я получил ответ, который был бы лучше или нет. 

<template>
  <v-data-table
    :headers="headers"
    :items="alertList"
    :pagination.sync="cstPagination"
    :rows-per-page-items="pagination.rowsPerPageItems"
    :total-items="pagination.totalCount"
    :loading="paginationLoading"
    class="elevation-1 block_display"
  >
    <template v-slot:items="props">
      <td class="text-xs-left">{{ props.item.id }}</td>
       ...
    </template>
  </v-data-table>
</template>

<script>
export default {
  data() {
   ....
  },
  computed: {
    get() {
      return this.pagination   // props
    },
    set(val) {
        // val: changed pagination value
    }
  }
}
</script>
...