source

Vue.js - 요소 UI - 양식 항목 레이블 슬롯

goodcode 2022. 8. 7. 16:50
반응형

Vue.js - 요소 UI - 양식 항목 레이블 슬롯

사용법을 알고 싶습니다Form Element Slot와 함께vue.js 2.3그리고.element-ui. 여기 문서입니다.삽입할 수 있도록html내 폼의 라벨에 붙일부러.

이거 입어봤어jsfiddle 여기 있습니다.

문제

알 수 없는 사용자 지정 요소: el-form-item-slot

질문.

그것을 실행하는 적절한 방법은 무엇입니까?이 주제에 대한 설명서가 명확하지 않습니다.

컴포넌트 슬롯에서 사용할 콘텐츠를 지정하려면slot해당 컴포넌트의 태그 내 요소에 속성을 부여합니다.

이 경우 다음 중 하나의 요소로 이동할 수 있습니다.label의 슬롯el-form-item요소.다음과 같은 작업을 수행할 수 있습니다.

<el-form-item label="temp">
  <span slot="label">Label for the slot</span>
  <el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>

알아둬야 할 게 있어label속성(값 포함)"temp"컴포넌트 태그 자체에 접속합니다.이것은 버그일 수도 있고, 필요한 폴백 값(문서화되어 있지 않음)일 수도 있습니다.

여기 작동하는 바이올린이 있습니다.

언급URL : https://stackoverflow.com/questions/44377070/vue-js-element-ui-form-item-label-slot

반응형