Как я могу изменить только определенные параметры запроса в текущем маршруте vue-router? - PullRequest
Новая
       10

Как я могу изменить только определенные параметры запроса в текущем маршруте vue-router?

0 голосов
/ 24 января 2019

Я пытаюсь сделать нумерацию страниц в проекте Nuxt Js, так как я могу изменить только параметры запроса страницы в моем текущем маршруте, и сохранить другие параметры запроса с их значениями У меня есть 3 параметра запроса: 

      this.count = this.$route.query.count ?? 8
      this.page = this.$route.query.page ?? 1
      this.sort_by = this.$route.query.sort_by ?? 'latest'

  <li class="pagination-link" v-for="(page, key) in computed.lastPage" :key="key"
        :class="{ 'active': page === computed.currentPage }">
      <nuxt-link :to="'?page='+page" append
                 :class="{'current-link' : computed.currentPage === page}">
        {{ page }}
      </nuxt-link>
    </li>

1 Ответ

0 голосов
/ 27 января 2019

Ваш лучший друг - destructuring assignment. Документы JavaScript .

Вот пример того, как использовать его в вашем случае: 

let query = this.$route.query;
let newPage = 100;
this.$route.query = {...query, page: newPage};

Без каких-либо дополнительных переменных это будет выглядеть намного чище: 

this.$route.query = {...$this.route.query, page: 100};

После выполнения кода у вас будет query с перезаписанным параметром page до 100 и оставшимися нетронутыми параметрами.

...