如何实现Vue中父组件调用子组件的方法？

本文共计146个文字，预计阅读时间需要1分钟。

1. 在父组件中引入子组件 + generate-report @closeAddReport=closeAddReport ref=addreport /generate-report

2.在子组件中编写对应的方法 + methods: { childMethods() { alert(12) } }

3.在父组件中调用 this.$refs.addrep

1、在父组件里引用自组件
<generate-report @closeAddReport="closeAddReport" ref="addreport"></generate-report>

2、在子组件中写对应的方法

methods: {
childMethods() {
alert(12)
},
}

3、在父组件中调用

this.$refs.addreport.childMethods();

重点：这里有个重点，ref等号后面的值不能驼峰命名