el-input 显示最大长度和已输入内容长度

效果如下图

多行文本框:

单行文本框:

 需要设置 maxlength  和  show-word-limit 两个属性,在使用 maxlength 属性限制最大输入长度的同时,可通过设置 show-word-limit 属性来展示字数统计。

<el-input
    type="textarea"
    :show-word-limit="true"
    :maxlength="500"
    v-model="ruleForm.wangsiUrl"
    placeholder="请输入内容"
    size="small"
    clearable
></el-input>

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-31 08:12:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-31 08:12:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-31 08:12:03       87 阅读
  4. Python语言-面向对象

    2024-01-31 08:12:03       96 阅读

热门阅读

  1. 后端课程接口

    2024-01-31 08:12:03       53 阅读
  2. ARM与X86架构的区别与联系

    2024-01-31 08:12:03       55 阅读
  3. MySQL 函数参考手册(MySQL 高级函数)

    2024-01-31 08:12:03       38 阅读
  4. 基于paddlepaddle的yolo基本实现

    2024-01-31 08:12:03       46 阅读
  5. Android开发中自定义View实现RecyclerView下划线

    2024-01-31 08:12:03       42 阅读
  6. 面试问题(英语)

    2024-01-31 08:12:03       45 阅读
  7. Vue自定义事件

    2024-01-31 08:12:03       49 阅读
  8. 【Spring Boot 3】【@Scheduled】多线程执行定时任务

    2024-01-31 08:12:03       56 阅读
  9. redis持久化机制

    2024-01-31 08:12:03       54 阅读
  10. 动态口令【leetcode】

    2024-01-31 08:12:03       51 阅读
  11. .Net Core Policy 基于策略授权

    2024-01-31 08:12:03       58 阅读
  12. 雅克比矩阵求逆的几种情况

    2024-01-31 08:12:03       48 阅读
  13. Filebeat日志采集到Elasticsearch集群

    2024-01-31 08:12:03       55 阅读
  14. ·备忘录模式

    2024-01-31 08:12:03       50 阅读