input number 箭头图标 只输入数字

• 问题

  pc端使用input type="number"时会出现上下可点击的小箭头,且可以输入小数点等符号

• 解决方法：

Css（去除图标）

	::v-deep input::-webkit-outer-spin-button,
	::v-deep input::-webkit-inner-spin-button {
		-webkit-appearance: none;
	}
	::v-deep input[type="number"]{
		-moz-appearance: textfield;
	}

Html（oninput正则匹配）

<input type="number" :max="totalQuestion" v-model="outPage" oninput ="value=value.replace(/[^\d]/g,'')"/>