uni-app父子组件间的方法调用及传值

uni-app父子组件间的方法调用及传值

方法调用：

一、父组件调用子组件里的方法

1. 先准备一个子组件

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

<script>
    export default {
   
        data(){
   
            return {
   }
        },
        methods:{
   
            childMethod() {
     // 子组件中有一个childMethod方法
                console.log('childMethod do...')
            }
        }
    }
</script>

2. 准备一个父组件

<template>
    <view class="content">
        <mian-index ref="mainindex"></mian-index> //使用子组件，ref给子组件一个id标识
    </view>
</template>
<script>
    import mainindex from '@/pages/main/index/index.vue'  //引入子组件
    export default {
   
        data()