vue框架如何在不失焦的情况下调用接口，onchange可不可以

在Vue框架中，可以使用`v-model`指令来绑定表单元素的值，并在表单元素值发生变化时自动更新对应的数据。同时，可以通过`@input`事件来监听表单元素的输入事件，从而在输入时即时调用接口。

例如，以下代码实现了一个文本框，当用户输入时，即时调用接口并更新对应的数据：

<template>
  <div>
    <input type="text" v-model="inputValue" @input="onInputChange"/>
    <p>{{data}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      data: ''
    }
  },
  methods: {
    onInputChange() {
      // 调用接口，更新数据
      // 示例代码：
      fetch(`https://example.com/api?input=${this.inputValue}`)
        .then(response => response.json())
        .then(data => {
          this.data = data;
        })
        .catch(error => console.error(error));
    }
  }
}
</script>

在上述代码中，使用了`v-model`指令来绑定`inputValue`变量与文本框的值，并使用`@input`事件来监听文本框的输入事件。当用户输入时，即时调用接口并更新对应的数据`data`。