vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位（前端生成单号，从接口取单号）

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位

1.写方法
2.全局注册
3.页面中使用此方法

1.写方法

因为再vue中多次用到此方法，故而创建一个公用的文件内含多次被调用的方法

/* 公共方法 */
// 单号：4位年度+2位月份+4位流水号
function orderNo() {// 调用获取当前日期的方法加四位随机数return getProjectNum() + Math.floor(Math.random() * 10000) // 如果是6位或者8位随机数，相应的 *1000000或者 *100000000就行了
}
function getProjectNum() {const projectTime = new Date() // 当前中国标准时间const Year = projectTime.getFullYear() // 获取当前年份 支持IE和火狐浏览器.const Month = projectTime.getMonth() + 1 // 获取中国区月份const Day = projectTime.getDate() // 获取几号var CurrentDate = Yearif (Month >= 10) { // 判断月份和几号是否大于10或者小于10CurrentDate += Month} else {CurrentDate += '0' + Month}if (Day >= 10) {CurrentDate += Day} else {CurrentDate += '0' + Day}return CurrentDate
}// 法二--从接口中取单号
async function orderNoOther(name) {const params = { srName: name }let num = nullawait api.getSqId(params).then(res => {if (res.code === 0) {num = res.data} else {Tips({ content: res.msg, type: 'error' })}})return num
}export default {orderNo,orderNoOther
}

2.全局注册

写在vue的main.js文件下

import publicMethods from '@/utils/publicMethods.js'
Vue.prototype.$publicMethods = publicMethods

3.页面中使用此方法

// 直接使用
this.form.grjkJkid = this.$publicMethods.orderNo() // 自动生成申请单号
// 从接口取值为单号
this.$publicMethods.orderNoOther('借款').then(orderIntem => {this.form.grjkJkid = orderIntem // 自动生成单号
})

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位（前端生成单号，从接口取单号）相关推荐

怎么给vue定义全局方法
一.将方法挂载到Vue.prototype上二.利用全局混入三.使用Plugin 通过全局方法 Vue.use() 使用插件.它需要在你调用 new Vue() 启动应用之前完成在Vue官网就教 ...
vue3 注册全局方法定义全局方法
1.定义工具类 // 格式化时间 function FormatDate (time: string) {if (Tool.isNotEmpty(time)) {const date = new Da ...
vue 定义全局方法，三种方法
方法一:使用Vue.prototype //在mian.js中写入函数 Vue.prototype.getToken = function (){... } //在所有组件里可调用函数 this.ge ...
Vue 定义全局方法
utils.js中 export default {install(Vue) {Vue.prototype.deepClone = {}} } main.js中 import utils from ' ...
html自动增加一行并获取行号,javascript开发系列(table操作，table增加一行，删除一行，取行号，列号)...
增加删除:insertRow,deleteRow, insertCell,deleteCell, 行号,列号:rowIndex ,cellIndex. 实例: 无标题页 table { backgro ...
vue全局变量和局部变量,给vue定义全局的方法
vue2.0 全局变量怎么设置? vue2.0设置全局变量的源码如下:VUE介绍:DisplayOptions显示选项:包括线框显示选项框,填充框,线框,平面阴影和平滑阴影.每个对象及显示窗口均可以对 ...
vue如何定义：全局变量、全局方法
开发中会经常用到一些常用的变量和方法例如ajax这种一.给vue定义全局变量 1.定义专用模块来配置全局变量定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入gl ...
如何用python爬取公众号文章_如何使用 Python 爬取微信公众号文章
我比较喜欢看公众号,有时遇到一个感兴趣的公众号时,都会感觉相逢恨晚,想一口气看完所有历史文章.但是微信的阅读体验挺不好的,看历史文章得一页页的往后翻,下一次再看时还得重复操作,很是麻烦. 于是便想着能 ...
ElementUI中el-form实现表单重置以及将方法抽出为全局方法
场景使用el-form时,点击重置按钮或者取消按钮时会实现表单重置效果. 那么el-form怎样实现表单重置,如果在多个页面需要用到重置,怎样将此方法抽出为全局的方法,在需要用到的地方直接引用. 注 ...

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位（前端生成单号，从接口取单号）

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位

1.写方法

2.全局注册

3.页面中使用此方法

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位（前端生成单号，从接口取单号）相关推荐

最新文章

热门文章

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位 （前端生成单号，从接口取单号）

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位

1.写方法

2.全局注册

3.页面中使用此方法

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位 （前端生成单号，从接口取单号）相关推荐

最新文章

热门文章

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位（前端生成单号，从接口取单号）

vue注册全局方法：生成单号------年月日（4+2+2）+随机数n位（前端生成单号，从接口取单号）相关推荐