vue监听两个输入框有内容请求接口

在Vue.js中，如果你想监听两个输入框是否都有内容并在此时触发一个请求接口，你可以创建一个自定义事件处理器或者使用`v-model`和`v-on`指令。这里是一个简单的示例：

首先，假设你有两个输入框，分别绑定了`inputA`和`inputB`的数据属性：

<template>
  <div>
    <input v-model="inputA" placeholder="输入A">
    <input v-model="inputB" placeholder="输入B">

    <!-- 当两者都有内容时，触发methods里的fetchData方法 -->
    <button @click="fetchDataIfNotEmpty">点击获取数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputA: '',
      inputB: ''
    };
  },
  methods: {
    fetchDataIfNotEmpty() {
      if (this.inputA && this.inputB) { // 检查两个输入框是否有内容
        // 发送请求
        this.fetchData();
      }
    },
    fetchData() {
      // 这里填写你的实际网络请求
      console.log('正在发送请求...');
    }
  }
};
</script>

在这个例子中，当你在两个输入框中都输入了内容，点击按钮时，`fetchDataIfNotEmpty`方法会被调用，并检查`inputA`和`inputB`是否都不为空。如果满足条件，则会执行`fetchData`方法。