Vue.js - 요소 UI - 변경 중단 드롭다운 개체 및 값 키 선택

Vue.js - 요소 UI - 변경 중단 드롭다운 개체 및 값 키 선택

사용하고 있다vue-js 2.4및 의 마지막 버전element-ui 1.4.1

옵션 목록에서 선택할 수 있는 드롭다운이 있으며 각 옵션은 개체입니다.마지막 업데이트 전에는 모든 것이 괜찮았지만, 지금은 몇 가지 문제가 있습니다.select특히 표시된 라벨이 실제 선택한 옵션과 일치하지 않습니다.

변경 사항 변경:

값이 개체일 때 value-key가 고유 ID 키로서 필요한 경우 #5897을 선택합니다.

문의사항

새로운 제품의 사용법을 알고 싶습니다value-key몇 가지 시도를 해봤지만 문제가 바뀌지 않는 것 같습니다.

여기서 @poke가 지적한 것이 도움이 되어 문제를 해결합니다.

 <el-select v-model="value" value-key="id">
            <el-option
              v-for="item in options"
              :label="item.label"
              :key="item.id"
             :value="item">
            </el-option>
</el-select>

아쉽게도 풀 요구의 의미를 잘 이해할 수 없지만 변경 내용을 보면 오브젝트 식별 방법을 지정해야 할 것 같습니다.

커스텀 오브젝트의 속성을 지정할 필요가 있다고 생각됩니다.el-select요소.디폴트로는 다음과 같습니다.'value'따라서 커스텀 오브젝트에value식별자로 사용할 수 있는 멤버입니다.그것은 이미 동작하고 있을 것입니다.기타 모든 오브젝트에 대해valueKey그에 따른 속성을 부여합니다.

언급URL : https://stackoverflow.com/questions/45440302/vue-js-element-ui-breaking-changes-select-dropdown-object-and-value-key