用 ES6 語法寫一個工具類,並全局引用

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...vue

相關文章
相關標籤/搜索