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

/*** 获取当前时间,为订单号提供* 格式YYYYMMDDHHMMSS*/
export const getDateNums = (date) => {const year = date.getFullYear()const month = date.getMonth() + 1const 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

vue生成随机订单号相关推荐

  1. Java 生成随机订单号

    Java 生成随机订单号 /** 根据时间生成随机订单号 */ public class GenerateNum { // 全局自增数 private static int count = 0; // ...

  2. JavaScript生成随机订单编号或者订单号

    基于时间生成的随机订单号,具有唯一性 代码: function setTimeDateFmt(s) { // 个位数补齐十位数return s < 10 ? '0' + s : s; }func ...

  3. 针对微信用户,随机生成商户订单号( OrderSN)

    /** * 针对微信支付生成商户订单号,为了避免微信商户订单号重复(下单单位支付), * * @return */ public static String generateOrderSN() {St ...

  4. java生成唯一订单号

    /*** 生成唯一订单号* 规则:四位随机数+"M"+格式化到秒的时间+"R"+六位随机数*/public static String getBillCode( ...

  5. php订单怎么生成,四种PHP生成唯一订单号的方法

    这几天一直在写个人使用的用户中心,虽然期间遇到不少的问题,但还是一点点的都解决了,也从制作期间学到不少的知识,今天就说一说利用PHP生成订单单的方法. 订单号,大家都不陌生,无论从在网上购物,还是在线 ...

  6. 生成唯一订单号_人人皆知却暗藏玄机的“数据库唯一标识符”

    Hello 大家好,今天给大家讲一个几乎所有数据库都支持的特性:生成唯一标识符. 知乎视频​www.zhihu.com 详细内容: 唯一标识符应用场景非常多,比如网站注册时自动给新用户一个唯一 ID, ...

  7. SpringBoot 雪花算法生成商品订单号【SpringBoot系列13】

    SpringCloud 大型系列课程正在制作中,欢迎大家关注与提意见. 程序员每天的CV 与 板砖,也要知其所以然,本系列课程可以帮助初学者学习 SpringBooot 项目开发 与 SpringCl ...

  8. MySQL高并发生成唯一订单号的方法

    高并发下生成唯一订单号的存储过程 这个是用mysql写的存储过程,搭配里面一张数据表使用,达到高并发情况下获得唯一订单号的目的:原理:按照一定规则生成订单号后,把订单号插入数据表后,再返回给用户,由于 ...

  9. 生成唯一订单号 工具类

    package com.jsy.basic.util.utils;import java.text.SimpleDateFormat; import java.util.Date;/*** @prog ...

  10. Java如何生成序列号/订单号

    点击上方"Java基基",选择"设为星标" 做积极的人,而不是积极废人! 每天 14:00 更新文章,每天掉亿点点头发... 源码精品专栏 原创 | Java ...

最新文章

  1. Android 动画之View动画效果和Activity切换动画效果
  2. C++:类中的赋值函数
  3. MVC架构中的Repository模式 个人理解
  4. Adobe Lifecycle ES的安装截图
  5. 利用反射自动封装成实体对象
  6. oracle中使用sql查询时字段为空则赋值默认
  7. oracle中 start with,Oracle中connect by...start with...的使用
  8. Redmine使用手册
  9. Linux基础学习三:VMware和CentOS的安装详细图文教程
  10. slf4j在linux位置,SLF4J环境设置
  11. python的模块和类_Python 模块和类
  12. FreeSWITCH折腾笔记3——数据库修改为postgresql
  13. 毕设题目:Matlab数字信号处理
  14. k2p路由器搭建php,搭建ngrok服务器!!给k3.k3c.K2.k2p路由器使用!!详细教程!!!...
  15. 描述Map/Reduce框架的清明上河图
  16. 计算存储和网络是推动云计算发展的三驾马车
  17. DICOM医学影像协议
  18. Windows挂载Linux网络共享文件夹
  19. vue货币过滤器以及路由参数的使用
  20. 《Linux7构搭建DISCUZ论坛 》

热门文章

  1. 生存分析 R语言(六)—— Extended and Stratified Cox
  2. Hystrix使用分析
  3. 污水计算机仿真技术,活性污泥法污水处理计算机仿真软件的开发及应用
  4. java servlet 返回404_Servlet返回“HTTP状态404请求的资源(/ servlet)不可用”
  5. openGL增强表面细节----法线贴图
  6. \t转义字符占几个字节?
  7. MATLAB 中有哪些命令,让人相见恨晚?
  8. 坚守普惠金融初心,微众银行持续升级无障碍金融服务
  9. R语言ETL系列:创建字段(mutate)
  10. SFB 项目经验-11-为某上市企业的Skype for Business规划与实施