Django - разбиение на страницы в DRF возвращает ошибку в VueJS

Question

В настоящее время я использую Vue в своем JS-файле для использования своих API-интерфейсов DRF. Теперь, когда я добавляю;

'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination',
    'PAGE_SIZE': 100

В консоли возвращается ошибка; Это говорит;

 [Vue warn]: Error in render: "TypeError: status is null"
(found in <Root>)
TypeError: "status is null"

В HTML :

<select class="form-control" v-model="newJobRequest.status_of_the_job_request" required >
    <option v-for="status in statusOfTheJobRequests">[[status.type_of_status]]</option>
</select>

In JS :

getStatusOfJobRequest: function() {
    this.loading = true;
    this.$http.get(/api/v1/status-of-the-job-request/).then((response) => {
         this.statusOfTheJobRequests = response.data;
         this.loading = false;
     }).catch((err) => {
         this.loading = false; console.log(err);
     })
 }

Из-за этой ошибки я заблокировал задачу по построению нумерации страниц в таблице. Я также использовал DataTables в моем случае использования, но из-за этой ошибки я не могу продолжить и вернулся к исходному состоянию. В браузерных API-интерфейсах нумерация страниц не имеет проблем. Я искал ответы последние 2 дня и не нашел подобных проблем, афаик.