vue父组件调用子组件的方法

父组件中写法：

<div style="padding: 10px">
                    <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName"
                               :columnData="columnData"></columnTwo>
                </div>

　　

 

 父组件中赋值以及调用：

 that.columnDataName = arr1;
                        that.columnData = arr2;
                        that.$nextTick(() => {
                            that.$refs.child.$emit("childMethods")
                        })

　　子组件写法：

 

        mounted() {
            this.$nextTick(()=>{
                this.$on('childMethods',function () {
                    this.echartsLine()
                })
            })
        },