18910140161

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

顺晟科技

2022-09-25 07:21:17

185

求教大神,目前在homePage下面下嵌套了一个router-viewimage.png目前有以下需求,在homePage收到某个消息时,调取子路由--首页中的某个方法刷新列表数据,请问该如何实现,网上检索了相关实现方法,是通过ref绑定子路由,但是我这边获取不到子路由的方法。。。。image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.png此外,该方法只在首页子路由下面有,其他子路由没有该方法,怎么过滤掉,只有当前子路由为首页时,才调该方法呢??

这样写

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

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

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

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

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航