下面为大家分享一篇vuejs 2.0 子组件访问/调用父组件的实例。具有很好的参考价值，希望对大家有所帮助。
有时候因为布局问题，需要子组件 把数据 传给父组件，并执行父级的某个方法，不多说上代码：
子组件：
登录后复制
父组件：
立即学习“前端免费学习笔记（深入）”；
正在热映
即将上映
export default { methods: { goToDetail (itemId) { console.log('父组件走你：' + itemId); } } };
登录后复制
父组件用 v-on 来做个监测的函数来检测，最终生成的代码是 类似
- on: { "refreshbizlines": function($event) { _vm.goToDetail(123)}}
登录后复制
所以原理就是 子组件 访问 父组件的 检测函数 refreshbizlines ，访问了，则执行 refreshbizline 下面的 函数
goToDetail — 也就是父组件的
goToDetail函数
注意 父组件 的
- v-on:refreshbizlines="goToDetail"
登录后复制
一定要放在 你父组件调用子组件的 模块名上。
祝你们 编码愉快。
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
如何解决父组件中vuex方法更新state子组件不能及时更新并渲染
关于Vue评论框架的实现(父组件的实现)
以上就是VUEJS 2.0 子组件访问/调用父组件的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
