Vuetify에서 라디오 버튼 (v-radio)을 정렬하는 방법
→props에 row를 지정하면 OK
우선, 보통으로 쓰면 이하의 화상과 같이 세로 줄이 됩니다
<v-radio-group>
<v-radio label="はい" value="radio-1"></v-radio>
<v-radio label="どちらでもない" value="radio-2"></v-radio>
<v-radio label="いいえ" value="radio-3"></v-radio>
</v-radio-group>
↓
어떻게든 이것을 나란히하고 싶었지만,
「Vuetify 라디오 버튼 옆」등의 바보 같은 검색을 반복해도 좀처럼 정보가 나오지 않았습니다.
Vuetify를 사용하지 않는 기본 라디오 버튼이라면 "인라인 요소로하라"등의 정보가 나옵니다.
여러가지 시험도 평생 세로인 채.
하지만, 공식 참조 를 바라보고 있으면, 확실히 써 있었습니다.
Radios - Direction
라디오 그룹은 각 props를 사용하여 행(row) 또는 열(column)일 수 있습니다. 기본값은 column입니다.
"가로 줄"등 종횡이라는 말에 갇혀 있었기 때문에 간과하고있었습니다.
페이지 내 검색뿐만 아니라, 대충 전체를 읽는 것도 중요하네요…
<v-radio-group row >
<v-radio label="はい" value="radio-1"></v-radio>
<v-radio label="どちらでもない" value="radio-2"></v-radio>
<v-radio label="いいえ" value="radio-3"></v-radio>
</v-radio-group>
↓
Reference
이 문제에 관하여(Vuetify에서 라디오 버튼 (v-radio)을 정렬하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/aki4003/items/0b36a09284a7d946e576텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)