【VUE】输入框输入数字后自动补全

输入框输入 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()接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串

如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。