父组件调用子组件,利用$refs获取子组件的方法

//子组件
export default {
    methods:{
        prompts(txt){
            alert(txt)
        }
    }
}
//父组件
<template>
    <myChild ref="child"></myChild>
    <button @click="btn('我是子组件')">确定</button>
</template>
export default{
    import myChild from '@/components/myChild'
    export default{
        components:{
            myChild
        },
        methods:{
            btn(txt){
                this.$refs.child.prompts(txt)//通过$refs找到子组件,并找到方法执行
            }
        }
    }
}
Logo

前往低代码交流专区

更多推荐