小编dre*_*ker的帖子

我有一个带有 Vuetify DataTable 组件（Vuetify 1.5.7）并使用默认组件分页的页面。我使用 :rows-per-page-items 属性设置“每页行数”选择值。

现在我想在进入页面时从这个 rows-per-page-items 数组（不仅仅是第一个！）设置初始值。

有可能吗，我该怎么做？

表的示例代码如下所示：

<v-data-table
            :headers="headers"
            :items="equipment"
            class="elevation-1"
            :rows-per-page-items='[15, 30, 50, 100]'>
      <template v-slot:items="props">
        <td>{{ props.item.name }}</td>
      </template>
</v-data-table>

我有一个带有 Vuetify Autocomplete 组件的页面，以及带有“/vendors”方法的 REST API 后端。此方法采用limit、page和name参数，并返回带有id和name字段的JSON 。

我在用户输入事件上做了一些带有延迟列表加载的代码。但现在我想添加在用户滚动事件上加载此列表的功能。

例如，默认情况下有 100 个供应商的列表。用户滚动此列表直到最后，然后调用“某个事件”并加载接下来的 100 个供应商。然后用户继续滚动并重复该操作。

是否可以使用 Vuetify Autocomplete 组件来实现这一点，还是应该使用其他库？

当前组件的示例代码如下所示：

<template>
  <v-autocomplete
          :items="vendors"
          v-model="selectedVendorId"
          item-text="name"
          item-value="id"
          label="Select a vendor"
          @input.native="getVendorsFromApi"
  ></v-autocomplete>
</template>

<script>
  export default {
    data () {
      return {
        page: 0,
        limit: 100,
        selectedVendorId: null,
        vendors: [],
        loading: true
      }
    },
    created: function (){
      this.getVendorsFromApi();
    },
    methods: {
      getVendorsFromApi (event) {
        return new Promise(() => {
          this.$axios.get(this.$backendLink …