Select vue-选择选项更改触发vuex变异错误

我正在使用vue2。 我想在v-for中获取选择选项对象

HTML:

更改“选择”选项时，会出现以下错误：

如您所见，selectedPlan是数据而不是vuex

顺便说一句，如何从“选择v-for”选项中获取对象

---

谢谢

首先，我认为没有必要在您的情况下使用

@change

<代码>v型应足以处理所选选项。 这是一把小提琴的样品：

---

只要您将整个对象设置为

：value

和

v-model

，您就始终拥有所选选项及其id。

您是否在某处更改任何vuex存储变量：thx，它的工作！看起来我没有在vue的选择选项中获得它。

       <select
        class="custom-select"
        @change="onPlanSelected($event)"
        v-model="selectedPlan.objectId">
        <option
          v-for="plan in plans"
          :key="plan.objectId"
          :value="plan.objectId">
          {{ plan.title }}
        </option>
      </select>

data () {
  return {
    selectedPlan: {}
  }
}

onPlanSelected (event) {
  this.selectedPlan = this.plans.find(plan => {
    return plan.objectId === event.target.value
  })
}