el-input 验证最大16位数字

`el-input` 是 Element UI 库中的一个输入框组件，在 Vue.js 中常用于表单验证。如果你想限制用户输入的最大位数为16位数字，你可以利用其提供的 `v-model.number` 指令来绑定数值，并配合自定义的校验规则来完成。首先，设置一个 prop 或者计算属性来存储这个最大长度：

<template>
  <el-form-item label="手机号">
    <el-input v-model.number="phone" :max="maxLength" placeholder="请输入最多16位数字"></el-input>
    <span slot="validateTips" v-if="isInvalid">请输入1到16位数字</span>
  </el-form-item>
</template>

<script>
export default {
  data() {
    return {
      phone: '',
      maxLength: 16,
      isInvalid: false,
    };
  },
  watch: {
    phone(newVal) {
      if (newVal && !Number.isInteger(newVal) || newVal.toString().length > this.maxLength) {
        this.isInvalid = true;
      } else {
        this.isInvalid = false;
      }
    },
  },
};
</script>

在这里，`v-model.number` 确保输入的是数字，`:max` 属性限制了最大输入长度。然后，我们在 `watch` 监听器里检查输入是否超出最大长度，如果超过则 `isInvalid` 变为 `true`，显示错误提示。