Управление Store и Router

Router

статья

// Добавит параметры в строку
    this.$router.push({ name: 'home', params: { id: '31321' }});

    // http://platon.app:3000?id=21212
    this.$router.push({ name: 'home', query: { id: '21212' }});

    // Редирект 
    return this.$router.replace({ path: '/auth/login' })

Свойства объекта Route

$route.path

тип: string

Строковое значение path текущего пути, всегда в абсолютном формате, напр. "/foo/bar".

$route.params

тип: Object

Объект, содержащий пары ключ/значение для динамических сегментов (включая *-сегменты). Будет пустым, если параметров у пути нет.

$route.query

тип: Object

Объект, содержащий пары ключ/значение для строки запроса (query string). Например, для пути /foo?user=1 получится $route.query.user == 1. При отсутствии строки запроса, будет пустым объектом.

$route.hash

тип: string

Хэш текущего пути (с символом #), если присутствует. В противном случае — пустая строка.

$route.fullPath

тип: string

Полная запись URL, включая строку запроса и хэш.

$route.matched

тип: Array Массив, содержащий записи путей для всех вложенных сегментов текущего пути. Записи путей — это копии объектов конфигурации из массива routes (и вложенных массивов children):

const router = new VueRouter({ routes: [ // объект ниже — это запись пути { path: '/foo', component: Foo, children: [ // это — тоже запись пути { path: 'bar', component: Bar } ] } ] }) Для URL, равного /foo/bar, $route.matched будет массивом, содержащим копии обоих объектов, в порядке сортировки от родителя к потомку.

$route.name

Имя текущего пути, если указано. (См

26 июля 2017, 05:58    76



Наверх