el-texteara字数过多会遮挡住限制文字的字数

最新推荐文章于 2024-05-25 22:37:02 发布

dy1717

最新推荐文章于 2024-05-25 22:37:02 发布

阅读量1k

点赞数 1

分类专栏：工作遇到的bug 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/dy1717/article/details/127118647

版权

工作遇到的bug 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

需求是限制100字，输入的过程中文字会把限制字数的那块遮住

<el-form-item label="机构描述" prop="orgDesc">
            <el-input
              v-model="ruleForm.orgDesc"
              placeholder="请输入机构描述"
              type="textarea"
              maxlength="100"
              resize="none"
              show-word-limit
            />
</el-form-item>

解决方法：

 /deep/ .el-textarea{
    textarea{
      height: 100px;
      resize: none;
      overflow: hidden;
      padding-bottom: 13px;
    }
    .el-input__count{
      height: 12px;
      line-height: 12px;
        background:rgba(255,255,255,.5)
      }
  }