Как обновить компонент при обновлении get параметра $route?

Question

[Андрей Соболев]

использую vue 3
в функции обновляю параметр get и пушу роутом маршрут

let route = {
                name  : this.$route.name,
                path  : this.$route.path,
                params: this.cloneObject(this.$route.params),
                query : this.cloneObject(this.$route.query)
            };
            route.query.q = this.search;
            this.$router.push(route);

В компоненте пытаюсь отловить изменение маршрута, чтобы перезапроситьAPI

beforeRouteEnter (to, from, next) {
        next(vm => {
            console.log(1);
        });
    },
    beforeRouteUpdate (to, from, next) {
        console.log(2);
        next();
    },
    beforeRouteLeave (to, from, next) {
        console.log(3);
        next();
    },

Но ни один хук не срабатывает. Так как же отловить изменение по get?

Comments

[Алексей Ярков]

Почему не watch?

[Андрей Соболев]

Алексей Ярков, стараюсь использовать как можно меньше вотчеров

[Алексей Ярков]

Андрей Соболев, почему?

Answer 1

[Gimir]

Вот то что вам нужно - https://router.vuejs.org/guide/essentials/dynamic-...