Vuetify에서 라디오 버튼 (v-radio)을 정렬하는 방법

1651 단어 Vue.jsVuetify
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>


좋은 웹페이지 즐겨찾기