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

父组件调用子组件,利用$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找到子组件,并找到方法执行
            }
        }
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章