如何在select标记上的元素更改时调用模型

var selectElement = document.getElementById("mySelect");

selectElement.addEventListener("change", function() {
  // 调用模型的代码
});

$("#mySelect").change(function() {
  // 调用模型的代码
});

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

<script>
export default {
  data() {
    return {
      selectedOption: ""
    };
  },
  watch: {
    selectedOption() {
      // 调用模型的代码
    }
  }
};
</script>