如何在vue js中从select中获取值和文本？

data() {
  return {
    selectedValue: '',
    selectedText: ''
  }
}

<select v-model="selectedValue">
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
</select>

<select v-model="selectedValue" @change="updateSelectedText">
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
</select>

methods: {
  updateSelectedText(event) {
    this.selectedText = event.target.options[event.target.selectedIndex].text;
  }
}