如何在点击Vuejs中的标签时重置下拉菜单的值？

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

<select v-model="selectedValue">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<button @click="resetDropdown">Reset Dropdown</button>

methods: {
  resetDropdown() {
    this.selectedValue = '';
  }
}