Razbezhkin
@Razbezhkin
программист, преподаватель

Как правильно настроить маршрутизацию во vue-router с несколькими необязательными параметрами, приличным url и автоматической генерацией ссылок?

Здравствуйте.
Задача сделать во vue-router маршрутизацию с соблюдением следующих условий:

1. некоторые части url должны передаваться в качестве props vue компонента. например, /test/page/3/pagesize/30 или /test?page=3&pagesize=30 или /test/page-3/pagesize-30

2. все параметры не являются обязательными, т.е. в url может какой-то параметр отсутствовать, и этот props во vue компоненте примет значение по умолчанию, а главное, маршрутизатор поймет, какой маршрут имеется в виду.

3. ссылки в компоненте router-link содержащие ссылку на самого себя и один параметр должны автоматически подтягивать остальные пропсы, которые сопоставлены с маршрутом.

Частично мне удалось решить эту задачу: https://codepen.io/Razbezhkin/pen/JjjPjQO?editors=1010
но в моем случае не удается сделать так, чтобы какие-то параметры в url указывать было не нужно.
и внешний вид url как то не очень радует глаз.

Подскажите, как вы решаете подобные задачи?
Спасибо
  • Вопрос задан
  • 256 просмотров
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
Не надо плодить вопросы. А вообще как-то так:
https://jsfiddle.net/23s4czfa/1/
дополнил для п. 3
https://jsfiddle.net/nsr54z7c/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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