vue中使用el-input不好用,想只能输入数字,且最大长度10 ,但是maxlength属性不管用
于是
template
<input
type="number"
v-model="userId"
@input="changeNum"
placeholder="请填写用户ID"
/>
script
data : userId
methods:
changeNum: function(e) {
//限制长度
if(this.userId.length>10){
this.userId=this.userId.slice(0,10)
}
},
style
//隐藏箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}