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">

打完收工。