效果:
方法一:直接使用autosize
<el-input
:maxlength="500"
:autosize="{ minRows: 5, maxRows: 5 }"
type="textarea"
v-model="form.description"
placeholder="请输入描述"
></el-input>
方法二:
修改 <el-input>
组件中的 textarea
的高度为 200px,可以通过设置 style
属性或使用 CSS 来实现。
:style="{ height: '200px' }"
方法三:给 textarea
添加一个自定义类,然后在样式中设置高度
<el-input
type="textarea"
:maxlength="500"
:autosize="{ minRows: 5, maxRows: 5 }"
v-model="form.description"
placeholder="请输入描述"
class="custom-textarea" <!-- 添加自定义类 -->
></el-input>
然后在样式中设置:
<style scoped>
.custom-textarea {
height: 200px !important;
}
</style>