![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
在Vue2.x中，我们偶尔会遇见需要调用router-view所展示页面里面的实例方法，这时我们的通常做法是：<router-view ref="target-name"></router-view>，然后通过this.$refs["target-name"].funciton()来实现。
那么在Vue3中，应该怎样实现呢？请采用下面的方法来实现：
<router-view v-slot="{ Component }">
<component ref="targetName" :is="Component"></component>
</router-view>
setup() {
const targetName = ref(null);
let someFunction = function() { targetName.value.function(); }
return { tarhetName }
}
那么在Vue3中，应该怎样实现呢？请采用下面的方法来实现：
<router-view v-slot="{ Component }">
<component ref="targetName" :is="Component"></component>
</router-view>
setup() {
const targetName = ref(null);
let someFunction = function() { targetName.value.function(); }
return { tarhetName }
}
展开
评论
1
volumeshader.org