父组件触发子组件的事件

父组件触发子组件的事件
父

<el-button @click="fo">切换</el-button>
<km-map ref="child" :addressDetail="addressDetail"> </km-map>
methods: {
    fo() {
      this.$refs.child.search()
    },
}

子

<el-col>
    <el-button id="position" @click="search" type="primary" class="hidden">定位</el-button>
</el-col>
search() {
  alert('这是子组件的方法')
},

子组件向父组件传值
子

<template>
  <div>         
    <el-row>
      <el-input v-model="username"></el-input>
      <el-button @click="setUser">沙发</el-button>
    </el-row>
  </div>
</template>
<script>
export default {
   data() {
    return {
      username: "",
   },
   methods: {
    setUser() {
      this.$emit("transferUser", this.username);
    },
}
父

```bash
{{user}}-user
<km-map ref="child" :addressDetail="addressDetail" @transferUser="getuser"> </km-map>

`export default {
  data() {
    return {
      user:'',
      }
    },
    methods:{
    getuser(msg) {
          this.user = msg;
        },
    }    
 }