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

最新推荐文章于 2024-08-21 18:23:58 发布

吃柠檬的猫

最新推荐文章于 2024-08-21 18:23:58 发布

阅读量120

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_43222302/article/details/103531787

版权

vue 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<template>
    <div>
        <div @click="click">点击父组件</div>
        <child ref="child"></child>
    </div>
</template>

<script>
    import child from "./child";
    export default {
        methods: {
            click() {
                this.$refs.child.callMethod()
            },
        },
        components: {
            child,
        }
    }
</script>

<template>
    <div>子组件</div>
</template>

<script>
    export default {
        methods: {
            callMethod() {
                console.log('直接调用调用成功')
            },
        }
    }
</script>