公司维护的项目使用的是elementUI最早的1.x版本的,文本域不支持show-word-limit属性
解决:
<el-form-item label="申请理由"> <el-input v-model="formData.applycontent"type="textarea":autosize="{ minRows:3, maxRows: 5}"placeholder="请输入申请理由":maxlength='200' /> <spanclass="strLimit">{{strLimit}}/200</span> </el-form-item>
strLimit: 0 //申请理由字数
watch: { 'formData.applycontent': { handler(val) { this.strLimit =val.length }, immediate: true} }
.el-form-item {.strLimit {position:absolute;right:10px;bottom:5px;line-height:1;color:#999; }}