@jazzus

Как вывести параметры фильтра в URL без перезагрузки страницы?

На авто ру при пагинации и смене параметров фильтра не происходит перезагрузка страницы.
Есть фильтр
<template>
  <form>
    <div>
      <select v-model="filter.type_id" class="form-control" name="type_id">
        <option v-for="type in types" v-bind:key="type.id" v-bind:value="type.id">{{type.name}}</option>
      </select>
    </div>
      <div class="submit">
          <button type="submit" @click.prevent="fetch" class="btn">
              Результаты
          </button>
      </div>
    </form>
</template>

Который отправляет на бэк параметры с помощью axios.get
<script>
export default {
   data() {
        return {
            filter: {
              type_id:null,
            },
        }
    },
   methods: {
        fetch() {
            axios.get(url, {
                params: {
                    type_id: this.filter.type_id,
                }
            })
        }
    }
}
</script>

Мне нужно также получить урл website/filter?type_id=10
В урле значения появляются только если убрать .prevent
Но будет перезагрузка. Как сделать без перезагрузки? Vue знаю поверхностно, буду благодарен за пример.
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы