반응형
VueJs + Element UI: photo el 선택으로 기본값을 설정하는 방법?
나는 사진이 있는 옵션을 선택했는데 옵션에서는 사진 변수를 얻을 수 있지만 기본값에서는 사진으로는 디폴트 값을 얻을 수 없다.
나를 도와줄 수 있니?
예상: 기본값은 맥도날드(사진 + 라벨)
여기 내 코드:
<el-select v-model="value" placeholder="Select">
<el-option v-for="item in outlet" :key="item.value" :label="item.label" :value="item.value">
<img :src="item.photo"> {{ item.label }}
</el-option>
</el-select>
그리고 여기 내 바이올린 연주자:
https://jsfiddle.net/dede402/L4y8zw1e/10/
선택한 값 템플릿과 옵션 템플릿은 서로 다르다. el-select선택한 템플릿에 대한 접두사 슬롯을 정의할 수 있도록 허용하십시오. https://jsfiddle.net/budgw/L4y8zw1e/36/
내가 너의 이름을 바꾼다는 것을 주의해라.el-select객체를 선택한 값으로 직접 사용하기 위해이 경우 다음 항목을 지정하십시오.value-key에 관하여el-select.
반응형
'programing' 카테고리의 다른 글
| C에서 문자 숫자를 해당하는 정수로 변환 (0) | 2022.05.02 |
|---|---|
| C에서 인쇄()와 스캔()를 위해 매번 데이터 유형을 지정해야 하는 이유는? (0) | 2022.05.02 |
| 관찰자는 자바 9에서 더 이상 사용되지 않는다.그거 말고 뭘 쓸까? (0) | 2022.05.02 |
| vue 구성 요소에서 링크를 사용하지 않도록 설정하는 방법 (0) | 2022.05.02 |
| v-for에 의해 렌더링된 개체 내에서 변경 사항이 발생할 때 DOM을 업데이트하는 방법 (0) | 2022.05.02 |