vue2 子组件调用父组件的id

在Vue2中，子组件可以通过$emit方法向父组件传递数据，实现子组件调用父组件的id。具体步骤如下：

1.在父组件中定义一个方法，用于接收子组件传递的数据，并将数据赋值给父组件的id属性。

2.在子组件中通过this.$emit方法触发父组件中定义的方法，并将需要传递的数据作为参数传入。

下面是一个示例代码：

父组件：

<template>
  <div>
    <child-component @get-id="getId"></child-component>
    <p>父组件的id为：{{id}}</p>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      id: ''
    }
  },
  methods: {
    getId(id) {
      this.id = id
    }
  }
}
</script>

子组件：

<template>
  <div>
    <button @click="sendId">向父组件传递id</button>
  </div>
</template>

<script>
export default {
  methods: {
    sendId() {
      this.$emit('get-id', '123')
    }
  }
}
</script>

在上面的示例中，子组件中的sendId方法通过this.$emit('get-id', '123')触发了父组件中的getId方法，并将'123'作为参数传递给了父组件。父组件中的getId方法将接收到的参数赋值给了父组件的id属性，从而实现了子组件调用父组件的id。