Vue如何通过代码给子组件传入父组件的函数

Question

因为业务需要，需要在代码中动态给dom节点挂组件实例，参数传入在实例创建时传入就能解决，但是现在需要组件向父级回调方法，这个如何实现？

等价于<child @doSomething="doSomething"></child>

怎么样通过js代码给child这个组件对象赋予doSomething方法，而不是通过页面写死的代码使用@符号传函数？

 

组件实例window动态创建代码            
const context = document.getElementById('context');
            const windowDom = document.createElement('div');
            context.appendChild(windowDom);
            windowDom.id = 'window' + index;
            const window = Vue.extend(Window);
            new window({
                el: '#window' + index,
                data() {
                    return { index: index, obj: obj, checkedModelId: this.checkedModelId };
                },
            });

请问如何让window组件能调用这个父组件中的方法？

Answer 1

2种方法: 1、通过调用子窗口的初始化方法传参数 2、通过调用url传参数