Vue JS Make下拉菜单选择run query when option selected

<template>
  <div>
    <select v-model="selectedOption">
      <option value="">请选择</option>
      <option value="option1">选项1</option>
      <option value="option2">选项2</option>
      <option value="option3">选项3</option>
    </select>
    <button @click="runQuery">运行查询</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    };
  },
  methods: {
    runQuery() {
      // 根据选项执行查询操作
      if (this.selectedOption === 'option1') {
        // 执行选项1的查询逻辑
      } else if (this.selectedOption === 'option2') {
        // 执行选项2的查询逻辑
      } else if (this.selectedOption === 'option3') {
        // 执行选项3的查询逻辑
      }
    }
  }
};
</script>