Vue JS -更新下拉菜单的选定值

<template>
  <div>
    <select v-model="selectedOption">
      <option v-for="option in options" :value="option.value">{{ option.label }}</option>
    </select>
    <p>当前选定值：{{ selectedOption }}</p>
    <button @click="changeSelectedOption">更改选定值</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: "选项1", value: "option1" },
        { label: "选项2", value: "option2" },
        { label: "选项3", value: "option3" }
      ],
      selectedOption: "option1"
    };
  },
  methods: {
    changeSelectedOption() {
      // 模拟更改选定值的操作
      this.selectedOption = "option3";
    }
  }
};
</script>