选择框选项在DOM上，但不在引导上显示-在Vue.js中选择下拉列表ul

<template>
  <div>
    <select @change="handleChange">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
    <ul v-if="showOptions">
      <li>Option 1</li>
      <li>Option 2</li>
      <li>Option 3</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showOptions: false
    };
  },
  methods: {
    handleChange(event) {
      if (event.target.value === "option1") {
        this.showOptions = true;
      } else {
        this.showOptions = false;
      }
    }
  }
};
</script>