Невозможно увидеть все параметры в выпадающем списке из-за нумерации страниц

Question

Я использую Laravel 5.7 & VueJs 2.5.* ...

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

Сделал пагинацию вот так:

В HTML

<!--PAGINATION FOR VENDORS TABLE -->
<pagination :data="ticketInvoices" @pagination-change-page="getResults"></pagination>

<!--PAGINATION FOR VENDORS TABLE -->
<pagination :data="vendors" @pagination-change-page="getResults"></pagination>

methods:{} обе страницы нумерации

//METHOD FOR INVOICE
getResults(page = 1) {
  axios.get("api/ticket-invoice?page=" + page).then(response => {
    this.ticketInvoices = response.data;
  });
},

//METHOD FOR VENDOR
getResults(page = 1) {
  axios.get("api/vendor?page=" + page).then(response => {
    this.vendors = response.data;
  });
},

InvoiceController & VendorController

/*Invoice Controller*/
class TicketInvoiceController extends Controller
{
    public function index()
    {
        $ticketInvoices = TicketInvoice::orderBy('created_at', 'desc')->paginate(10);
        return $ticketInvoices;
    }

/*Invoice Controller*/
class VendorController extends Controller
{
    public function index()
    {
        $vendor = Vendor::paginate(10);
        return $vendor;
    }

Перед нумерацией страниц

После нумерации страниц