Using custom events in a component that is registered programmatically [VUE]

Question

i am appending a child component in Vue programmatically as seen below:

var ComponentClass = Vue.extend(FormulaGeneratorConstant) //create instance from FormulaGeneratorConstant component

this.constants.push('variable1');

var constant = new ComponentClass({
    propsData: {
        value: this.constants[this.constants.length - 1]
    }
});

constant.$mount();

this.$refs.droppableContainer.$el.appendChild(constant.$el)

but right now i can only pass props in this code.

i would like to know how to implement v-model and handle custom events as well if that is possible.

ephraim lambarte · Accepted Answer · 2019-11-23 07:36:03Z

1

Found the solution here.

i just passed a created function inside the new Component constructor:

var constant = new ComponentClass({
    propsData: {
        value: this.constants[this.constants.length - 1]
    },
    created(){
        this.$on(['change'], e => { console.log(e); })
    }
});

answered Nov 23, 2019 at 7:36

ephraim lambarte

1621 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using custom events in a component that is registered programmatically [VUE]

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related