在以编程方式注册的组件中使用自定义事件[VUE]

2024-05-19 • 问答

我正在以编程方式在Vue中附加一个子组件，如下所示：

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)

但是现在我只能在此代码中传递道具。

我想知道如何实现v模型并处理自定义事件。

ZCR0001 回答：在以编程方式注册的组件中使用自定义事件[VUE]

找到了解决方案here。

我刚刚在created构造函数中传递了一个new Component函数：

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

vue-cli-3 vue-component vue.js

本文链接：https://www.f2er.com/3047129.html

在以编程方式注册的组件中使用自定义事件[VUE]

ZCR0001 回答：在以编程方式注册的组件中使用自定义事件[VUE]

大家都在问