Технический момент: vue3 использует ref для привязки представления маршрутизатора и хочет вызвать метод в подмаршруте для перезагрузки данных.

Фон спроса

В настоящее время существует страница в качестве родительской страницы маршрутизации (/system),
а ее подстраницы являются двумя ее подчиненными (/system/user/system/auth).

Поскольку поле поиска и кнопка «Добавить» находятся в родительском мастере, теперь необходимо активировать соответствующий метод страницы дополнительной маршрутизации при нажатии кнопки «Добавить» или поиске в поле поиска.Например: когда выбран список пользователей на вкладке запускается метод добавления пользователя на подстранице.Метод: когда на вкладке выбраны разрешения роли, запускается метод добавления роли на подстранице.

Код

в /системе

<template>
  <router-view v-slot="{ Component }">
    <component ref="order" :is="Component" />
  </router-view>
</template>
<script setup>
  import { ref } from 'vue'
  let order = ref()
  const test = () => {
    order.value.add()
  }
</script>

В /system/user, /system/auth

  defineExpose({
    add() {
      console.log('添加用户')
      //   console.log('添加角色')
    }
  })