将 vuetify textarea 自动调整为值大小

Question

我希望 textarea 和value内容一样大。目前 textarea 是标准大小，我必须滚动才能看到整个value内容

<v-flex xs12 sm6 md6 lg4 pt-5 pb-5>
                    <v-textarea
                      auto-grow
                      label="Comments"
                      id="comment"
                      counter
                      :value="props.item.SurveyResults[0].comment"
                    ></v-textarea>
                  </v-flex>

Answer 1

如果您想要执行的默认为一行，直到您增加到更多行，这是如何做的：https : //codepen.io/Helene-Andre/pen/OrWgyz?editors=1010

只需添加属性 rows="1"

Vue模板

<div id="app">
  <v-app>
    <v-content>
      <v-container>
        <v-textarea rows="1"
                      auto-grow
                      label="Comments"
                      id="comment"
                      counter
                      :value="comment"
                    ></v-textarea>
      </v-container>
    </v-content>
  </v-app>
</div>

JS

new Vue({ 
  el: '#app',
  data: () => ({
    comment: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus non itaque possimus dicta sunt dolorem cum est autem reprehenderit architecto! Autem, aperiam, magni. Mollitia dolorum modi, tempora enim vero deserunt.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus non itaque possimus dicta sunt dolorem cum est autem reprehenderit architecto! Autem, aperiam, magni. Mollitia dolorum modi, tempora enim vero deserunt."
  })
})