Управление 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 Массив, содержащий записи путей для всех вложенных сегментов текущего пути. Записи путей — это копии объектов конфигурации из массива routes (и вложенных массивов children):

const router = new VueRouter({
  routes: [
    // объект ниже — это запись пути
    { path: '/foo', component: Foo,
      children: [
        // это — тоже запись пути
        { path: 'bar', component: Bar }
      ]
    }
  ]
})

Для URL, равного /foo/bar, $route.matched будет массивом, содержащим копии обоих объектов, в порядке сортировки от родителя к потомку.

$route.name

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

31 августа 2018, 14:50    461

Комментарии ()

    Вы должны авторизоваться, чтобы оставлять комментарии.

    Наверх