vue3 使用ref绑定router-view，想调取某个子路由中的方法来重载数据，ref绑定子路由无效求助？

Question

求教大神，目前在homePage下面下嵌套了一个router-view

目前有以下需求，在homePage收到某个消息时，调取子路由--首页中的某个方法刷新列表数据，请问该如何实现，网上检索了相关实现方法，是通过ref绑定子路由，但是我这边获取不到子路由的方法。。。。







此外，该方法只在首页子路由下面有，其他子路由没有该方法，怎么过滤掉，只有当前子路由为首页时，才调该方法呢？？

Answer 1

这样写

<router-view v-slot="{ Component }">
    <component ref="order" :is="Component" />
 </router-view>

Answer 2

可以通过跨组件通信的方式，比如 Provide / Inject

https://v3.cn.vuejs.org/guide...

Answer 3

用 vuex/pinia ，在首页 mounted 之后把这个方法挂到 store 上面去，首页销毁的时候把 store 上的方法移除。然后在 homePage 判断 store 上是否有这个方法，有的话调用即可。