vue 中使用input number类型 maxlength失效
vue中使用el-input不好用,想只能输入数字,且最大长度10 ,但是maxlength属性不管用于是template<inputtype="number"v-model="userId"@input="changeNum"placeho...
·
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;
}
更多推荐
已为社区贡献7条内容
所有评论(0)