Skip to content

[Spec] Radio

jykim edited this page Dec 5, 2018 · 1 revision

Desc

  • 태그는 <ev-radio>(이하 <라디오>), <ev-radio-group>(이하 <라디오그룹>)으로 정의
<ev-radio-group>
  <ev-radio>텍스트</ev-radio>
  <ev-radio>텍스트</ev-radio>
  <ev-radio>텍스트</ev-radio>
</ev-radio-group>
  • <라디오그룹>과 <라디오> 태그는 부모-자식 관계로 사용해야 함
  • <라디오그룹>.vue파일에서 <슬롯>을 사용하여 <라디오>태그가 안에 들어가는 로직
  • <라디오>.vue파일에서 <슬롯>을 사용하여 태그에 '텍스트'가 안에 들어가는 로직

Props

<라디오그룹>

이름 디폴트 타입 설명 종류
v-model String <라디오그룹>에서 최초 선택되는 <라디오> id 입력, 해당 값은 바인딩되어 동적으로 변함 <라디오> 변수 : id

<라디오>

이름 디폴트 타입 설명 종류
value String HTML element value (required)
disabled false Boolean HTML element disabled attribute

Event

<라디오그룹>

이름 파라미터 설명
changeEvent event <라디오그룹> 내 <라디오> 변화 이벤트 감지

참고

  • :id는 내부적으로 가지고 있으며, <라디오>태그 내 와 연동하기 위함.
    • 현재는 ${_uid}_${value}로 되어있으나, 추후 바꿀 예정
  • <라디오>라디오텍스트값</라디오>로 태그 내부에 텍스트는 <slot/>을 사용함.