Как обновить один router-view при изменении в другом router-view?

Question

[Алексей]

Есть компонент (профиль пользователя) содержащий два router-view с уникальными именами. В одном router-view можно добавлять роли пользователю, в другом можно смотреть список ролей с правами

Как сделать так, чтоб добавив роль в первом router-view обновилась информация во втором router-view?

<template>
      <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-role">
                            <h3>Список ролей</h3>
                        </div>
                        <router-view name="roles" />
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <h3>Список прав пользователя</h3>
                        <router-view name="regulations" />
                    </div>
                </div>
            </div>
        </div>
</template>

Comments

[Dima Polos]

Обратил внимание, что нет одного корневого тега в компоненте.

На счет роутеров, при переходе с роута на другой есть хуки beforeEnter, и так далее, скорее всего через этот механизм сможете решить вопрос.

[Алексей]

Dima Polos, корневой элемент есть, забыл его добавить сюда, т.к это всего лишь часть компонента. Попробую воспользоваться хуком, про который вы написали

[Dima Polos]

Алексей, ну если часть, то ок, это не главное, попробуйте через хук.

Answer 1

[Dima Polos]

beforeEnter?