兼容elementUI低版本:文本域字数限制 吴小明

公司维护的项目使用的是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;
        }
      }
原文地址:https://www.cnblogs.com/wuqilang/p/15656709.html