在Vuex/Nuxt中绑定选择表单

// Vuex store
state: {
  selectedOption: null
}

<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>
  </div>
</template>

<script>
export default {
  computed: {
    selectedOption: {
      get() {
        return this.$store.state.selectedOption;
      },
      set(value) {
        this.$store.commit('updateSelectedOption', value);
      }
    }
  }
};
</script>

// Vuex store
mutations: {
  updateSelectedOption(state, value) {
    state.selectedOption = value;
  }
}