image.png

用 ES6 语法写一个工具类,并全局引用

export default class myUtils {
/**
 * 判断字符串是否为空
 * @param str
 * @return {boolean}
*/
  static isNull (str) {
    return str == null || str.length === 0 || str === ''
  }
  /**
   * @desc 判断是否为身份证号
   * @param {String|Number}str
   * @return {Boolean}
   */
  static isIdCard (str) {
    return /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/.test(str)
  }
  /**
   * @desc 判断是否为手机号
   * @param {String|Number} str
   * @return {Boolean}
  */
  static isPhoneNum (str) {
    return /^(0|86|17951)?(1[3-9][0-9])[0-9]{8}$/.test(str)
  }
}

main.js中引入

import myUtils from './myUtils/myUtils'
//引入
Vue.prototype.myUtils = myUtils
//将 myUtils 挂载到 vue 的原型上

Vue项目中全局使用

 mounted () {
    this.init()
  },
  methods: {
  // 组件中可以直接通过this.myUtils.XXX来调用相应的方法了
    init () {
      if (this.myUtils.isNull('')) {
        console.log('结果是空')
      }
    }
  }

参考:https://blog.csdn.net/zgh0711...


HappyCodingTop
526 声望847 粉丝

Talk is cheap, show the code!!