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>


文章作者: 程序猿小野
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 程序猿小野 !
评论