vue.js - vuejs,如何在父组件调用子组件的方法?
本文介绍了vue.js - vuejs,如何在父组件调用子组件的方法?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
vuejs,如何在父组件调用子组件的方法,即在父组件点击按钮,弹出一个模态框,然后进行ajax请求,ajax请求方法写在子组件模态框中。求指导啊
父组件的点击方法
子组件的ajax请求
他俩之间的通信不会弄了。。
解决方案
可以用事件方式: $emit
和$on
在父组件里通过
$refs
拿到子组件,然后调用$emit
方法通知子组件在子组件里通过
$on
方法监听上一步广播的事件名,然后在callback
里发你的ajax
就好了
当然,如果你熟悉vuex,用这个也很好!
补充:
为了方便理解,给你一个简单的示意demo吧: plunker
这篇关于vue.js - vuejs,如何在父组件调用子组件的方法?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文