需求：需要定义el-input框只能输入正整数，负整数和0的方法，

1，建立函数文件src\utils\zht.js

export default {
  /**
   * 只能输入0和正整数负整数
   * @param {string} e
   * @returns {string | number} 返回空字符或数字
   */
  ZHTInteger(e) {
    let value = e.replace(/[^\-\d]/g, ""); // 只能输入-和数字
    value = value.replace(/\-{2,}/g, "-"); // -只能保留一个
    value = value.replace(/(\d)\-/g, "$1"); // 数字后面不能接-，不能出现类似-11-2,12-，11-23
    value = value.replace(/-(0+)/g, "0"); // 不能出现-0,-001,-0001类似
    value = value.replace(/^0+(\d)/, "$1"); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
    value = value.replace(/(-?\d{15})\d*/, '$1') // 最多保留15位整数
    return value
  },
  /**
   * 只能输入0和正整数
   * @param {string} value
   * @returns {string | number} 返回空字符或数字
   */
  ZHTPositiveIntegerZero(value) {
    let reg = /^(0|\+?[1-9][0-9]*)$/;
    let strArray = value.split("");
    let newStrs = "";
    for (let i = 0; i < strArray.length; i++) {
      if (reg.test(strArray[i])) {
        console.log(strArray[i]);
        newStrs += strArray[i];
      } else if (i > 0 && strArray[i] === "0") {
        newStrs += strArray[i];
      }
    }
    if (!(newStrs - 0 < 0)) {
      return newStrs - 0;
    } else {
      return "";
    }
  },
}

// 自定义公共函数，将限制函数文件绑定到vue原型上，供全局使用
import zht from "./utils/zht.js";
Vue.prototype.$zht = zht;

<el-input v-model.number="temp.dataSort" type="number"  @input="(e) => (temp.dataSort=$zht.ZHTInteger(e))"/>