vue after $emit callback finished

vue.js emit
pdwjun picture pdwjun · Apr 18, 2018 · Viewed 8.7k times · Source

In the compoent ,when call $emit('callback', params) finished, I need the returned value. Someone can help?

vueComponent:

    methods: {
        test: function () {
            if(this.$emit('cb', param1)){
                // this not working
                console.log('return true')
            }else{
                console.log('return false')
            }
        }
    }

vueRoot:

methods: {
        cb: function () {
            return true;
        }
    }

Answer

B. Fleming picture B. Fleming · Apr 19, 2018

As per my comment below the original question, $emit only tells the parent component that an event has occurred and allows it to do something in response to the event and any data sent with it. The child component has no way of knowing what the results of the parent's actions are. In order to tell the child component something after the callback finishes, you will need to send that value through a prop and have the child watch for any changes to the prop's value.

Related questions

Pass data from child to parent in Vuejs (is it so complicated?)

Thanks for reading my question. I have read about it: vuejs update parent data from child component https://forum.vuejs.org/t/passing-data-back-to-parent/1201/2 The concept is the same, I need to pass a data object from child to parent. I …

Read More
VueJS: Why Trigger 'Input' Event Within 'Input' Event Handler?

I'm learning VueJS. I'm figuring out their currency validation example code. Vue.component('currency-input', { template: ` <span> $ <input ref="input" v-bind:value="value" v-on:input="updateValue($event.target.value)"> </span> `, props: ['value'], methods: { // Instead of …

Read More
Vue.js - emit to update array not working

I have two components: Parent and Child. The Parent has an array of cars the Child is supposed push objects the cars array. My problem is that my Child component turns cars into an object, instead of pushing an object …

Read More