1. Limit the number of digits entered in the input box
Attribute: maxlength="8"
<input id="amount" type="tel" class="lang-detail-input" maxlength="8" ref="amount" autocomplete="off" placeholder="100" v-model="amount"
@focus="amountInit" @input="amountInit" number/>
2. Automatically filter the leading and trailing blanks entered by the user
方法一: 用字符串的trim方法
this.amount = this.amount.trim() // 不改变原数组
方法二: 也可以用vue的.trim API
<input v-model.trim="msg" type="number">
3. Only enter numbers, letters and Chinese
// eslint-disable-next-line
var reg = /^[A-Za-z0-9\u4e00-\u9fa5\.]+$/
if (!reg.test(this.amount)) {
return 提示输入格式错误
}
4. The value of the limited input is returned as a number
方法一: vue 的.number
<input v-model.number="msg" type="number">
因为有时即使用了type="number" html输入元素的值也总会返回字符串