使用TypeScript在单击event VueJS时更改下拉列表中的按钮文本值

<template>
  <div>
    <select v-model="selectedOption">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
    <button @click="changeButtonText">{{ buttonText }}</button>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';

@Component
export default class MyComponent extends Vue {
  selectedOption: string = '';
  buttonText: string = 'Click Me';

  changeButtonText(): void {
    if (this.selectedOption === 'option1') {
      this.buttonText = 'Button Text 1';
    } else if (this.selectedOption === 'option2') {
      this.buttonText = 'Button Text 2';
    } else if (this.selectedOption === 'option3') {
      this.buttonText = 'Button Text 3';
    }
  }
}
</script>