
用 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