天天看點

vue2 父元件調用子元件的方法

vue2.0裡面父元件調用子元件的方法是通過$refs實作的。

//子元件
export default{
    methods:{
        getDealer:function(value){
            console.log(value);
            console.log('這是子元件方法');
        }
    }
}
           
//父元件
<template>
    <myChild ref="child"></myChild>
</template>

export default{
    import myChild from '@/components/myChild'
    export default{
        components:{
            myChild
        },
        mounted:{
            //調用子元件方法
           this.$refs.child.getDealer(val)  //通過$refs找到子元件,并找到方法執行
        }
    }
}