vue多种全局方法配置注册、vue前端自动生成编号或者订单单号（日期+随机数）

全

点击=可查看n中vue全局注册使用方法

vue全局方法配置注册

转载地址：原文-点击进入

vue全局方法配置注册
vue项目中公有方法可以把方法加到原型上去

新建comm.js文件，里面定义一些方法，并导出,已此为格式导出，懒加载形式(每一个方法都是一个导出)不行

function dataFormat(data){
    console.log(data)
}
export default {
    dataFormat
}
 
main.js里面import进来comm.js文件：import comm '@/js/comm'  
把comm 注入原型中：Vue.prototype.$comm = comm 
组件中调用：this.$comm .dataFormat('2020-12-12')
标签中使用：不需要this.
<template slot-scope="scope">{{ $comm.dateFormat(scope.row.CreateTime)}}</template>

vue前端自动生成编号或者订单单号（日期+随机数）

转载地址：原文-点击进入

created () {
  // 调用获取当前日期的方法加四位随机数  赋值表单中的项目编号
  this.form.number = this.getProjectNum() + Math.floor(Math.random() * 10000)  // 如果是6位或者8位随机数，相应的 *1000000或者 *100000000就行了
},
methods: {
	// 获取当前日期的方法
	getProjectNum () {
      const projectTime = new Date() // 当前中国标准时间
      const Year = projectTime.getFullYear() // 获取当前年份 支持IE和火狐浏览器.
      const Month = projectTime.getMonth() + 1 // 获取中国区月份
      const Day = projectTime.getDate() // 获取几号
      var CurrentDate = Year
      if (Month >= 10) { // 判断月份和几号是否大于10或者小于10
        CurrentDate += Month
      } else {
        CurrentDate += '0' + Month
      }
      if (Day >= 10) {
        CurrentDate += Day
      } else {
        CurrentDate += '0' + Day
      }
      return CurrentDate
    }
}