Управление Store и Router
Получения данных из адресной строки и записи их в хранилище в Vue JS
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
const router = new VueRouter({
routes: [
// объект ниже — это запись пути
{ path: '/foo', component: Foo,
children: [
// это — тоже запись пути
{ path: 'bar', component: Bar }
]
}
]
})
Для URL, равного /foo/bar, $route.matched будет массивом, содержащим копии обоих объектов, в порядке сортировки от родителя к потомку.
$route.name
Имя текущего пути, если указано. (См
Вы должны авторизоваться, чтобы оставлять комментарии.
Комментарии ()