vue子组件调用父页面的方法
七娃博客616人阅读
vue子组件如何调用父页面的方法?上篇总结了vue父页面调用子组件的方法的教程,那么反过来,子组件可以调用父页面的方法吗?当然可以!
相对于父页面调用子组件的方法,vue子组件调用父页面的方法更加简单,通过 this.$parent 就可以绑定父页面的方法了。
例如:
1.父页面有方法
aa(){ console.log('父页面的方法') }
2.在已经引入的组件内。在需要调用父方法的函数中添加:
this.$parent.aa()
当然,也可以传递参数:
this.$parent.aa("子组件参数")
这样父页面就可以接收到子组件传递的参数以及需要执行的函数方法!用起来是不是很简单。vue学起来遇到问题很头大,看到答案又很简单,太气人了。
评论 | 0 条评论
登录之后才可留言,前往登录