특정 조건에서 v-text-field 텍스트의 위치를 ​​이동합니다.

Question

<p>저는 Vue.js와 Vuetify를 사용하고 있습니다. 흥미로운 장면을 만났습니다. 그래서 세 가지 옵션(라디오 버튼)이 있습니다</p>

• 왼쪽
• 중
• 오른쪽
</ul> <p>특정 텍스트 값과 읽기 전용 속성이 있는 v-text-필드가 있습니다. 이제 옵션이 변경/선택되면 v-text-field 내에서 해당 텍스트의 위치를 ​​변경하고 싶습니다. </p> <p>예를 들어 옵션 1(왼쪽)의 경우 텍스트는 v-text-field 내에서 왼쪽으로 이동해야 합니다. 옵션 2(가운데)를 사용하면 텍스트가 가운데로 이동해야 합니다. 등등. </p> <p>이에 대한 제안이 있으신가요? 더 좋은 방법이 있으면 안내 부탁드립니다. </p>

Answer 1

Vue에서

클래스 또는 스타일 바인딩을 사용할 수 있습니다. 으아악 으아악

그런 다음 라디오 버튼 모델에 activeAlignment 바인딩

Answer 2

클래스를 생성하고 바인딩할 수 있습니다:

으아악 으아악 으아악