v-text-field textarea默认高度变化?

时间:2018-02-09 13:27:24

标签: vue.js vuejs2 vue-component vuetify.js

我正在使用v-text-filed,我正在使用textarea。我想更改textarea的默认高度并使其变小。有可能这样做吗?

            <v-text-field
              name="input-1"
              label="Label Text"
              textarea
            ></v-text-field>

2 个答案:

答案 0 :(得分:3)

添加rows属性

<v-text-field
    name="input-1"
    label="Label Text"
    textarea
    rows="2"
></v-text-field>

答案 1 :(得分:1)

如果你想使用 textarea,我认为使用 <v-textarea> 标签更好。示例代码为:

  <v-textarea
    name="content"
    hint="hint text"
    rows="2"
  ></v-textarea>

您还可以关注此 link 以获取更多详细信息