vue - オプションの変更トリガーを選択するvuex変異エラー

Question

私はvue2を使用しています。 IはV-ため

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-のオプションから

おかげ

すべての

Answer 1

まず、私はあなたのケースで@changeを使用することの必要性を見ないのオブジェクトを取得します。選択したオプションを処理するには、v-modelで十分です。ここ は、サンプルフィドルです：https://jsfiddle.net/z11fe07p/567/

限り、あなたは:valueとv-modelとして、オブジェクト全体を持っているだけでなく、あなたが常にそれのidと一緒に選択したオプションを持っているよう。