1.寫一個簡單的子元件main/index.vue：

<template>
    <view>
        
    </view>
</template>

<script>
    export default {
        data(){
            return {
                
            }
        },
        onLoad(){
            
        },
        methods:{
            childMethod() {
                console.log(
 
'childMethod do...')
            }
        }
    }
</script>

<style>

</style>

在子元件中有一個childMethod方法

2.在父元件中引用這個子元件的childMethod方法：

<template>
    <view class="content">
        <mian-index ref="mainindex"></mian-index>
        <view @tap="dataAction"
 
>button</view>
    </view>
</template>
<script>
    import mainindex from '@/pages/main/index/index.vue'
    export default {
        data() {
            return {

            };
        },
        components:{
            'mian-index':mainindex
        },
        onLoad(e) {

        },
        methods:{
            dataAction:
 
function(){
                this.$refs.mainindex.childMethod();
            }
        }
    }
</script>

<style scoped>
.content{
    width:100%;
    box-sizing: border-box;
}
</style>

首先，引入子元件檔案，然後用ref給子元件一個id標識，然後通過this.$refs.mainindex.childMethod();呼叫子元件方法

 轉載時請註明出處及相應連結，本文永久地址：https://www.cnblogs.com/wangxiaoling/p/10250903.html，謝謝！