rowsPerPageOptions в DataTable не отображается

Question

Я пытаюсь показать выпадающий селектор строк на странице в DataTable компонент из PrimeVUE.

Это html кодекс DataTableУ меня есть:

<DataTable :value="comunicaciones" :paginator="true" :rows="numFilas" :rowsPerPageOptions="comboFilas">

И это data() в my component:

data() {
    return {
      comunicaciones: null,
      columnas: null,
      numFilas: 10,
      comboFilas: [
        { label: "10", value: 10 },
        { label: "30", value: 30 },
        { label: "50", value: 50 }
      ]
    };
  }

И это порождает следующие HTMLкод на странице:

<dropdown value="10" options="[object Object],[object Object],[object Object]" optionlabel="label" optionvalue="value"></dropdown>

Таблица работает нормально, так как все строки загружаются правильно, единственная проблема - это раскрывающийся список. Может ли кто-нибудь сказать мне, как я должен передавать аргументы, чтобы отображать строки на странице раскрывающегося списка? Спасибо!

РЕДАКТИРОВАТЬ: Кажется, что установка массива comboFilas, как у меня, или установка его как набора целых чисел - оба правильных способа его настройки. Глядя в консоль при загрузке страницы, возникает такая ошибка:

[Vue warn]: Unknown custom element: <Dropdown> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <RowsPerPageDropdown> at node_modules/primevue/components/paginator/RowsPerPageDropdown.vue
       <DTPaginator> at node_modules/primevue/components/paginator/Paginator.vue
         <DataTable> at node_modules/primevue/components/datatable/DataTable.vue
           <UltimasComunicaciones> at src/components/UltimasComunicaciones.vue
             <App> at src/App.vue
               <Root>

Похоже, что выпадающий компонент загружается неправильно. Соответствующий код моего компонента следующий:

<script>
import axios from "axios";
import DataTable from "primevue/datatable";
import Column from "primevue/column";
import Button from "primevue/button";
import Dropdown from "primevue/dropdown";

export default {
  name: "UltimasComunicaciones",
  components: {
    DataTable,
    Column,
    Button,
    Dropdown
  },

Импорт и пути кажутся правильными, поэтому, если кто-нибудь сталкивался с этой проблемой, я был бы признателен за помощь!

Answer 1

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

Я обновил ваш код здесь:

data() {
    return {
      comunicaciones: null,
      columnas: null,
      numFilas: 10,
      comboFilas: [10,20,30,40,50]
    };
  }