show-word-limit属性无效(element.eleme.io)

show-word-limit属性无效是指在使用element-ui组件库中的表单组件时，设置了show-word-limit属性但无效的情况。show-word-limit属性用于控制文本框或文本域中是否显示字数限制，通常用于限制用户输入的字符数量。

在element-ui中，show-word-limit属性是用于el-input和el-input-textarea组件的，通过设置该属性为true，可以在输入框右下角显示当前已输入的字符数量和最大字符限制。但有时候会出现设置了show-word-limit属性却无法显示字数限制的情况。

解决show-word-limit属性无效的方法是检查以下几点：

1. 确保使用的是最新版本的element-ui组件库，因为有些旧版本可能存在该属性的bug。
2. 检查代码中是否正确设置了show-word-limit属性，例如：

<el-input v-model="inputValue" :show-word-limit="true"></el-input>

1. 确保在el-form组件中使用el-form-item包裹el-input或el-input-textarea组件，并设置了prop属性和rules属性。例如：

<el-form :model="form" ref="form" :rules="rules">
  <el-form-item label="Input">
    <el-input v-model="form.inputValue" :show-word-limit="true"></el-input>
  </el-form-item>
</el-form>

1. 检查是否有自定义的样式或脚本影响了show-word-limit属性的显示效果，可以尝试去除自定义样式或脚本进行排查。

总结：show-word-limit属性无效可能是由于element-ui版本问题、属性设置错误、缺少el-form-item包裹或自定义样式脚本影响等原因导致的。通过检查以上几点，可以解决show-word-limit属性无效的问题。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。腾讯云云服务器提供了高性能、可扩展的云计算服务，可满足各种规模和需求的应用场景。腾讯云云数据库MySQL是一种高性能、可靠的关系型数据库服务，适用于各种Web应用、移动应用和游戏等场景。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql