美文网首页
Mint UI库中mt-field组件type为number时m

Mint UI库中mt-field组件type为number时m

作者: 无聊肥猫 | 来源:发表于2017-12-07 10:45 被阅读369次

用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>

相关文章

网友评论

      本文标题:Mint UI库中mt-field组件type为number时m

      本文链接:https://www.haomeiwen.com/subject/rjfdixtx.html