vue2.x跨组件调用router-view组件内的函数的方法
在上一篇https://blog.csdn.net/silent_missile/article/details/91128221介绍了如何跨组件,由激发组件通过emit事件,再通过父组件转发到目标组件来调用但是如果目标组件是router-view组件,使用方法就有所不同了,因为router-view组件是会随着路由地址改变而改变的其实调用的方法很简单,就是在router-view...
·
在上一篇
https://blog.csdn.net/silent_missile/article/details/91128221
介绍了如何跨组件,由激发组件通过emit事件,再通过父组件转发到目标组件来调用
但是如果目标组件是router-view组件,使用方法就有所不同了,因为router-view组件是会随着路由地址改变而改变的
其实调用的方法很简单,就是在router-view标签中增加ref项
<template>
<constant-component />
<router-view ref='target-name'/>
</template>
然后通过$refs['target-name']就可以调用了
this.$refs['target-name'].responseFunction()
如果需要传参,方法和其他的一样
更多推荐
已为社区贡献9条内容
所有评论(0)