输入框输入 1
自动显示为 001
输入框输入 12
自动显示为 012
输入框输入 123
显示为 123
html
<el-input
maxlength="3" //限制最大输入长度
v-model="form.num"
@blur="checkNum($event)" //使用blur失焦后执行
clearable
/>
data
data() {
return {
form: {
num: undefined, // 编号
},
}
}
methods
methods: {
//编号不足3位自动补齐
checkNum(e) {
if (e.target.value.length <= 3) {
this.form.num = e.target.value.padStart(3, '0');
}
},
'x'.padStart(5, 'ab') // 'ababx'
padStart()
接受两个参数,第一个参数用来指定字符串的最小长度,第二个参数是用来补全的字符串如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。