vue实现自定义校验值是否有效

新建 mixin/valid.js

export default {
  data() {
    return {
      // invalidValues: new Set(["undefined", "null", "NaN", "", null, undefined])
      invalidValues: ["undefined", "null", "NaN", "", null, undefined, NaN]
    };
  },
  methods: {
    isValidValue(v) {
      // return !this.invalidValues.includes(v) && !Number.isNaN(v);
      return !this.invalidValues.includes(v);
    },

    returnValue(v, r = "-") {
      return this.isValidValue(v) ? v : r;
    },

    makeDifference(max, min, part = 2, r = "-") {
      return this.isValidValue(max) && this.isValidValue(min)
        ? (max - min).toFixed(part)
        : r;
    }
  }
};

使用

import valid from "@/mixin/valid";
export default {

  mixins: [valid],


function A(params) {
           
    return this.returnValue(param.value) 
}

你可能感兴趣的:(mixin,后台管理系统,vue项目中常用操作,vue.js,javascript,前端)