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

最新推荐文章于 2025-03-24 08:30:00 发布

微微一芯

最新推荐文章于 2025-03-24 08:30:00 发布

阅读量2.5k

点赞数 3

分类专栏： vueJs 文章标签： $refs vue 父组件子组件

本文链接：https://blog.youkuaiyun.com/wuyan1001/article/details/82220479

版权

vueJs 专栏收录该内容

9 篇文章

订阅专栏

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找到子组件，并找到方法执行
        }
    }
}