vue下拉框值改变时触发查询

在Vue.js中，当下拉框（通常是一个`v-model`绑定的`select`元素）的值发生改变时，你可以通过监听`@change`或`@input`事件来触发数据的更新或API的调用。这里是一个简单的例子：

<template>
  <div>
    <select v-model="selectedOption">
      <option v-for="(item, index) in options" :key="index" :value="item.value">
        {{ item.label }}
      </option>
    </select>
    <button @click="fetchData">查询</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        // 你的选项列表
      ],
    };
  },
  methods: {
    fetchData() {
      if (this.selectedOption !== '') { // 检查是否选择了某个值
        // 这里可以发送一个HTTP请求或者执行其他业务逻辑
        console.log('触发查询', this.selectedOption);
        // 实际操作替换为你的API调用代码
      }
    },
  },
};
</script>

在这个例子中，当你选择一个新的选项时，`selectedOption`的值会改变并触发`fetchData`方法。在这个方法内部，你可以执行具体的查询操作。