vuetify의 v-textarea 높이 변경

2174 단어 Vue.jstextareaVuetify

소개



평소에는 iOS 엔지니어를하고 있습니다.
직장에서 vue.js+vuetify로 SPA로 문의 화면을 만들 기회가 있었으므로, 그 비망록입니다.

환경



vue 2.6.10
vue-cli-plugin-vuetify 0.6.1
vue-router 3.0.7
vuetify 2.0.4
vuetify-loader 1.3.0

textarea 설치 방법


<v-textarea></v-textarea>

설치에는 v-textarea를 사용합니다.

기타 옵션 추가


<v-textarea outlined
 name="input-7-4" v-model="message" :rules="messageRules" required label="Message"></v-textarea>



이런 느낌이 듭니다.

높이 변경



높이 변경은 행을 추가합니다.
rows="20"

그래서 이런 느낌
<v-textarea outlined rows="20" name="input-7-4" v-model="message" :rules="messageRules" required label="Message"></v-textarea>


그렇습니다.

간단하네요.



vutify는 문서가 충실하기 때문에 우선 문서를 보는 것이 가장 좋을까 생각합니다.
vuetify 공식 문서 -textarea-

좋은 웹페이지 즐겨찾기