vue input框只能输入数字并限制长度

今天在写代码时遇到一些问题，input的type属性值为number时，maxlength的设置会失效，type属性值为text时，又无法满足input只能输入数字的限制，找到的解决方法如下：

@keyup="item.num=item.num.replace(/[^\d.]/g,'')"

具体内容：

<form v-for="(item,index) in list" :key='item.id'>
	<input 
	 type="text"
	 placeholder="请输入数量"
	 v-model="item.num"
	 maxlength="7"
	 @keyup="item.num=item.num.replace(/[^\d.]/g,'')"
	/>
</form>