今天在完成分配的任务的时候遇到了一点小麻烦,需要把一个Input输入框给设置成这样

直接来到style里直接

.el-input{
    width:90%;
    height:50px;
}

本以为轻轻松松就解决了,结果设置的height完全不起作用,后来通过查资料,看element的官方文档才发现,要设置<el-input>的高度,需要使用 rows属性

官方文档是这样说的,rows可以设置行数,但是必须设置 input的 type属性为 type="textares"

所以要想设置<el-input>的高度,需要这样写

<el-input
    type="textarea"
    :rows="8"
    placeholder="请输入发送内容"
    v-model="msg"
    >
</el-input>

这样就实现了我们一开始想要的那种效果了

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐