【求助】vue 2.0 使用$emit和$on派发、监听事件,没有反应?或者使用vuex如何实现监听效果?
发布于 7 年前 作者 guanzhihong 4963 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

A组件:

<script type="text/ecmascript-6"> import Vue from 'vue'; export default { data () { return { // 通过单独的事件中心管理组件间的通信 eventHub : new Vue() }; }, methods : { addcart (event) { this.eventHub.$emit('cart-add', event.target); } } } </script>

B父组件中如何监听,求助?

<script type="text/ecmascript-6"> import Vue from 'vue'; import A from '@/components/cartcontrol/A.vue'; let eventHub = new Vue(); export default { created () { eventHub.$on('cart-add', (target) => { console.log(target); this._drop(target); }); } } </script>
回到顶部