vuejs2

2017-09-29 11 views
0

でVモデルとselect文について混乱し、私は、次のvuejsのコードを持っている:私は私のchangedInverterconsole.log(this.selectedInverter)、私はちょうどDISPLAY_NAME全体ではなく、オブジェクトを取得する場合vuejs2

 <select v-model='selectedInverter' class="custom-select" @change="changedInverter"> 
      <option>Select an inverter</option> 
      <template v-for="inverter in localInverters"> 
      <option>{{inverter.display_name}}</option> 
      </template> 
     </select> 

。 v-modelでオブジェクト全体をキャプチャ(またはバインド)するにはどうすればよいですか?

答えて

1

これに関するドキュメントはこちらです:https://vuejs.org/v2/guide/forms.html#Select

あなたがする必要がどこにあなたを取得するコード例を参照してくださいよ、動的オプション]セクションまでスクロールした場合:で

<select v-model="selected"> 
    <option v-for="option in options" v-bind:value="option.value"> 
    {{ option.text }} 
    </option> 
</select> 
<span>Selected: {{ selected }}</span> 

あなたケースの場合、v-bind:valueデータはinverterオブジェクト全体になります。オプションテキストは既に配置されているので{{inverter.display_name}}になります。

関連する問題