Vuetify에서 v-text-field의 문자를 센터링하는 방법

무슨 기사?



Vuetify의 v-text-field 안의 문자는 기본적으로 왼쪽 정렬됩니다.
그것을 센터링하고 싶을 때 어떻게 할까.

ぢ sp장 r 아이로. 작은 m 을 개발했을 때 실시한 내용을 기사화했습니다.

방법



다음 CSS를 만들고 v-text-field에 적용합니다.
.centered-input input {
  text-align: center
}

코드 발췌



index.vue
<!-- 抜粋です -->
        <v-row row justify-center align-center>
          <v-col xs12 class="d-flex justify-center">
              <v-text-field
                label="code"
                v-model="barcodeValue"
                class="centered-input"
                :hide-details="true"
                :change="changeWidth()"
                placeholder="input code"
              />
          </v-col>
        </v-row>

표시 예



"code"와 "name"은 v-text-field입니다.
format은 v-select입니다.


모르는 점



v-select 문장을 센터링하는 방법을 모르겠습니다.
v-text-field와 같은 방법으로는 작동하지 않았습니다. (왼쪽 맞춤 그대로)

참고

좋은 웹페이지 즐겨찾기