element-ui 1.x版本中,el-input输入框和文本域没有show-word-limit属性

遇到了一个element-ui为1.x版本的,输入框和文本域没有show-word-limit属性,手动加一个字数限制展示,可以配合maxlength使用

<el-form-item label="描述文字">
  <el-input
    maxlength="20"
    type="textarea"
    v-model="form.desc"
    placeholder="请输入描述文字"
  ></el-input>
  <span class="str-limit">{{descStrLimit}}/20</span>
</el-form-item>
data(){
   return{
   	 descStrLimit:0
   }
}

watch: {
  "form.desc": {
    handler(val) {
      this.descStrLimit= val.length;
    },
    immediate: true,
  },
}
<style lang="scss" scoped>
.el-form-item {
  .str-limit {
    position: absolute;
    right: 10px;
    bottom: 5px;
    line-height: 1;
    color: #999;
  }
}
</style>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值