vue - 选择选项更改触发 vuex 突变错误答案

【问题标题】：vue - select option change triggers vuex mutation errorvue - 选择选项更改触发 vuex 突变错误
【发布时间】：2017-02-06 10:26:49
【问题描述】：

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

HTML：

       <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>

JS：

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

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

当我更改选择选项时，出现错误：

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

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

谢谢

【问题讨论】：

您是否在某处更改任何 vuex 存储变量：

标签： select vuejs2 vue.js vuex

【解决方案1】：

首先，在您的情况下，我认为不需要使用 @change。 v-model 应该足以处理选定的选项。这是一个示例小提琴：https://jsfiddle.net/z11fe07p/567/

只要您拥有:value 和v-model 的整个对象，您就始终拥有选定的选项及其ID。

【讨论】：

谢谢，它的工作！看起来我没有在 vue 的选择选项中得到它。