Vue IOS input 最大输入长度不生效

  <div class="input_view">
        <input type="number"
          v-model="mobile"
          maxlength="11"
          class="input"
        >
</div>

问题所在:

在一般情况写,大家写input组件的时候,都会用到一个maxlength 限制最大长度的属性,在h5中默认是140

但在vue中使用这个属性却在ios端不生效

解决办法:

  <div class="input_view">
        <input
          type="number"
          v-model="mobile"
          oninput="if(value.length>11)value=value.slice(0,11)"
          class="input"
        >

使用oninput 或者@input 监听输入情况,手动去解决输入长度,其实这个做法很常见,比如在其中引入一些正则表达式,也是很有必要的