vue生成随机订单号

1、新建一个js文件，例如命名utils.js，把下面 

/**
 * 获取当前时间,为订单号提供
 * 格式YYYYMMDDHHMMSS
 */
export const getDateNums = (date) => {
	const year = date.getFullYear()
	const month = date.getMonth() + 1
	const day = date.getDate()
	const hour = date.getHours()
	const minute = date.getMinutes()
	const second = date.getSeconds()

	return [year, month, day].map(formatNumber).join('') + [hour, minute, second].map(formatNumber).join('')
}
const formatNumber = n => {
	n = n.toString()
	return n[1] ? n : '0' + n
}

2、引用

import {getDateNums} from "@/common/utils.js";

data() {
        return {
            isSign: false,
            signSrc: '',
            clientHeight: '',
            uid: null,
        }
    },

//第一种简单的 生成随机订单号，时间+日期，格式为:20200313123456，这种数据量大的时候有可能会重复
order_nums() {
	var that = this;
	var outTradeNo = ""; //订单号
	for (var i = 0; i < 6; i++) //6位随机数，用以加在时间戳后面。
		{
			outTradeNo += Math.floor(Math.random() * 10);
		}
                    
		outTradeNo = String(getDateNums(new Date())) + String(outTradeNo) 
		that.outTradeNo = outTradeNo;
                    
	},

//第二种，加上用户的uid，每个用户都有属于自己的唯一uid（让后台去处理），生成随机订单号
order_nums() {
	var that = this;
	var outTradeNo = ""; //订单号    
    //从vuex中或者userinfo信息
	var userinfo = that.$store.state.userinfo;
	if (userinfo) {
		for (var i = 0; i < 6; i++) //6位随机数，用以加在时间戳后面。
		{
			outTradeNo += Math.floor(Math.random() * 10);
		}
		outTradeNo = String(getDateNums(new Date())) + String(outTradeNo) + String(userinfo.uid);
		that.outTradeNo = outTradeNo;
	} else {
			that.$dialog.confirm({
				title: '温馨提示',
				message: '您还未登录或登录状态失效，请登录后再来操作'
			}).then(() => {
				that.$router.push('/login')
			}).catch(() => {
				// on cancel
			})
		}
	},

以上是vue中使用的方法，如果只是传统的html+js使用的话就更简单了。

 

vue微信登录：https://blog.csdn.net/u014678583/article/details/103977227

vue+vant商品列表批量倒计时 ：https://blog.csdn.net/u014678583/article/details/103928102