Как при загрузке страницы узнать путь роутера vue.js и выполнить параметры?
Пример.
Есть ссылка site/users/:UserId
когда выбираешь юзера- подгружаются его данные.
Но если обновить,то не могу при старте подвязать функцию обновления.
Тоесть если выбран роутер site/users/:UserId и страница стартовала, то надо выполнить запрос к серверу, а не только, когда клацаешь по данной ссылке.
Как такое реализовать?
Спасибо.
4 ответа
Из документации, можно назначить сторожевой хук непосредственно в компоненте:
const Foo = {
template: `...`,
beforeRouteEnter (to, from, next) {
next(vm => {
// инстанс компонента доступен как `vm`
}
})
Т.е. можно привязать обработчик, который будет срабатывать при переходе на данный компонент и далее, после подтверждения навигации, срабатывает next, в котором можно получить доступ к компоненту.
Метод mounted() вызывается сразу после того как экземпляр был смонтирован.
Попробуйте при перезагрузке страницы сделать вызов функиции, допустим так вы создаете функицию в JS в котор будет находиться vue код, а в html напишите, что при загрузке вызывать эту функцию и все, работы на 3 минуты
В вашем случае скорее всего поможет следующее:
mounted() {
// здесь будет вызываться функция запроса на сервер. Поле id будет вытягивать id из пути страницы, вот таким образом this.$route.params.id
}