用vue.js开发网页的时候,UI库选择了Mint UI(很多坑,挺后悔的~),测试的时候遇到的这个问题。
<mt-field
label="金额"
type="number"
placeholder="最高15位数"
:attr="{ maxlength: 15 }"
v-model="amount"
>
</mt-field>
上面这段代码,设置了输入类型为number,最大长度为15,结果是可以输入无限长度的数字。改成下面就可以了:
<mt-field
label="金额"
type="number"
placeholder="最高15位数"
:attr="{ oninput: 'if(value.length>15)value=value.slice(0,15)' }"
v-model="amount"
>
</mt-field>
网友评论