vue---input只能输入数字，且限制长度

在做VUE项目开发的时候，有时候需要限制输入字符串的长度，且需要输入数字。常见的例如：input框只能输入11位电话号码。

如果将type设置为number，此时 设置maxlength就无效。

解决办法：

<input type="text" pattern="[0-9]{1,4}" oninput="this.value=this.value.slice(0,this.maxLength)" maxLength="4">

只能输入11位电话号码：

<input type="text" pattern="[0-9]{1,11}" oninput="this.value=this.value.slice(0,this.maxLength)" maxLength="11">

打完收工。