Javascript 在vuejs中将输入限制为单个数字

我在VueJS中有一个输入，它使用v-model绑定，例如

<input type="number" v-model.number="testinput">

我想对这个输入设置一个限制，使它只能是一个位数，介于1和6之间。只要框中有一个数字，额外的按键应该没有效果。输入无效数字（如9）也应无效

我不确定最好的方法是什么，我需要一个指令、过滤器、事件处理程序，或者可能需要一个新的自定义输入组件吗

在输入字段上将maxlength属性设置为1，这将限制为单个字符

使用pattern属性将适当的正则表达式添加到输入字段。这将检查输入是否只有1个字符，并且使用的是数字1-5

 <input type="number" maxlength="1" pattern="([12345])\w{0}" v-model.number="testinput">