Vue+tdesign t-input-number 设置长度和显示X号

一、需求

Vue+tdesign  t-input-number 想要设置input的maxlen和显示X号

二、实现

t-input，可以直接使用maxlength和clearable属性

<t-input v-model="value" clearable maxlength='10' placeholder="请输入" @clear="onClear" @blur="onBlur" />

但是t-input-number不可以直接使用maxlength和clearable属性，是用如下方式封装一下即可

<t-input-number  :inputProps="{ maxlength: 2, clearable: true }"  />