vue子组件新增调用父组件的查询接口

在Vue中，子组件可以通过$emit方法向父组件发送事件，从而调用父组件的方法。具体实现步骤如下：

1. 在子组件中定义一个方法，用于触发事件并传递参数：

methods: {
  addNewItem() {
    this.$emit('add-item', newItem);
  }
}

2. 在父组件中监听子组件的事件，并调用相应的方法：

<template>
  <div>
    <child-component @add-item="addItem"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    addItem(newItem) {
      // 调用查询接口
    }
  }
}
</script>

在上面的代码中，子组件通过$emit方法触发了一个名为'add-item'的事件，并传递了一个参数newItem。父组件通过监听'add-item'事件，并调用addItem方法来处理这个事件。