vuejs2

Question

에서 V 모델을 선택 문에 대한 혼란 나는 다음과 같은 vuejs 코드를 가지고 : 내 changedInverter에서 console.log(this.selectedInverter), 난 그냥 DISPLAY_NAME 아니라 전체 개체를 얻을 경우

 <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에서 전체 객체를 어떻게 캡처 (또는 바인딩)합니까?

Answer 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}}이됩니다.