25 / 28
Как работать с query-параметрами в Vue Router?
Query-параметры доступны через route.query. Изменяются через router.push({ query: ... }) или router.replace({ query: ... }). Для двустороннего связывания с формами -- composable, который синхронизирует ref с URL.
JavaScript
import { useRoute, useRouter } from 'vue-router'
const route = useRoute()
const router = useRouter()
// Чтение
const page = route.query.page // string | undefined
// Запись (добавляет в историю)
router.push({ query: { ...route.query, page: '2' } })
// Замена (без записи в историю)
router.replace({ query: { ...route.query, page: '2' } })