elementui解决input show-word-limit挡住文字问题

最新推荐文章于 2024-04-25 14:55:42 发布

ฅQSω[*邱╭

最新推荐文章于 2024-04-25 14:55:42 发布

阅读量3.4k

点赞数 2

分类专栏： element vue css 文章标签： elementui html css

本文链接：https://blog.csdn.net/qq_45030898/article/details/128240891

版权

vue 同时被 3 个专栏收录

58 篇文章 0 订阅

订阅专栏

element

33 篇文章 0 订阅

订阅专栏

css

9 篇文章 0 订阅

订阅专栏

1.实现后的效果:

实现后的效果：
在这里插入图片描述
最终实现的效果是不会挡住文字的
一般的结果你会被挡住文字，例如：

2.实现方法

 <el-form-item label="备注" prop="remark" class="endItem">
              <el-input type="textarea" v-model="addSortform.remark" :autosize="{ minRows: 3, maxRows: 25 }"
                :maxlength="255" clearable show-word-limit></el-input>
            </el-form-item>
 //css
 .endItem ::v-deep .el-textarea__inner{
  padding-bottom: 36px;
}