首先在src目录下创建global目录,在global目录下创建index.js。

export default {install(Vue) {var that = this// 1. 添加全局方法或属性// ue.global = this// 2. 添加全局资源// 3. 注入组件
    Vue.mixin({created() {this.global = that}})// 大于一的整数验证,this.$jfjl,所有验证方法无判空功能,如若判空,请用required: trueVue.prototype.$zsReg = (rule, value, callback) => {let reg = /^(([1-9]\d+)|[1-9])?$/; //大于一的整数if (reg.test(value) || !value) {callback();} else {return callback(new Error("请输入大于1的整数"));}}// 金额的校验Vue.prototype.$jeReg = (rule, value, callback) => {if (value > 200 || value < 1) {callback(new Error("请输入小于200并且大于1的数字"));} else {let reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; //1-200的数字,小数点后保留两位if (reg.test(value)) {callback();} else {return callback(new Error("请输入正确的金额"));}}}Vue.prototype.$jeRegMax = (rule, value, callback) => {let reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; //小数点后保留两位if (reg.test(value) || !value) {callback();} else {return callback(new Error("请输入正确的金额"));}}// 手机号的验证Vue.prototype.$sjhReg = (rule, value, callback) => {let reg = /^1[345789]\d{9}$/; //手机号码正则if (reg.test(value)) {callback();} else {return callback(new Error("请输入正确的手机号"));}}// 密码校验Vue.prototype.$parsswordReg = (rule, value, callback) => {let reg = /^(?![0-9]*$)[a-zA-Z0-9]{6,20}$/; //密码校验if (reg.test(value)) {callback();} else {return callback(new Error("密码需要包含6-20位数字或字母,至少包含一位字母"));}}Vue.prototype.$webReg = (rule, value, callback) => {let reg = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/; //网址的校验if (reg.test(value)) {callback();} else {return callback(new Error("链接地址不正确"));}}Vue.prototype.$dateFormat = (timestamp) => {var date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000var Y = date.getFullYear() + '-';var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());return Y + M + D + h + m + s;}Vue.prototype.$dateFormatDay = (timestamp) => {var date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000var Y = date.getFullYear() + '-';var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';return Y + M + D;}}
}

View Code

  这里面是常用的几个element-ui自定义验证和时间格式化的代码,可以参考写一下自己需要的格式化或者验证规则。

  然后我们需要在main.js引入global,并且使用它

import global from './global'
Vue.use(global)

  之后我们就可以直接在页面中使用this.的方法调用这些自定义规则了。

转载于:https://www.cnblogs.com/gitByLegend/p/11441999.html

vue定义global.js,挂载在vue原型上面使用相关推荐

  1. vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: to

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: "to" [Vue warn]: Error in r ...

  2. 工作194:vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘/system‘. This may cause an

    错误如下 拿到公司一个小哥哥的代码,一来就报了一堆bug,吓得我先写一篇博客vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detecte ...

  3. vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TypeError: Cannot read properties of und

    vue使用vue-element-admin报错: vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "TypeError ...

  4. vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘xxx‘. This may cause an update err

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: 'xxx'. This may cause an update err ...

  5. vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop

    问题描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be ...

  6. vue.runtime.esm.js?2b0e:619 [Vue warn]: Property “XX“ must be accessed with “$data._tos“ because

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Property "tos" must be accessed with " d a t ...

  7. vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: “__file“. Component names should con

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: "__file". Component names ...

  8. vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func

    前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 从后端拿取数据渲染到表格数据.结果明明写的没错,但是却 ...

  9. 报错vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘length‘

    在用 element-ui 做表单复选框的时候,出现报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeErro ...

最新文章

  1. WINCE5 s3c2440_SD驱动知识补充
  2. 异步fifo_异步FIFO设计
  3. python中str的索引、切片
  4. C++模板详解——使用篇
  5. 类不能直接通过import得到
  6. 数值计算方法在计算机的应用,数值计算方法在计算机科学中的应用和误差序列实验推荐.doc...
  7. Python_文件_日记管理系统
  8. java io流操作_【Java基础】IO流操作
  9. slice深拷贝数组
  10. 基于JAVA+SpringMVC+MYSQL的学生成绩管理系统
  11. 中key的用途_Python中的函数定义与参数使用
  12. 激光甲烷传感器应用及优势
  13. C#初始化结构体数组方式
  14. 《JavaSE-第十四章》之文件(一)
  15. 计算机金钱符号怎么打,电脑键盘上怎么打钱的符号
  16. 第三讲:如何构建双活数据中心方案
  17. STM32学习笔记 | 引起电源和系统异常复位的原因
  18. C语言用双曲线函数拟合曲线,c语言绘制函数曲线
  19. 2022年保研经验贴建议个人经历:计算机软件工程
  20. 消息称即刻搜索即将关闭

热门文章

  1. C#中ComboBox动态绑定赋值
  2. 计算方法之迭代法求方程根
  3. 博弈论——关于Nim游戏和SG函数的几个链接
  4. AS3 调用外部SWF中元件库中的元件 【转】
  5. 图片做背景撑开div
  6. koa --- 监听路由,并使用模板引擎渲染显示
  7. vue --- 2.0 编译的实现
  8. Python并发编程之concurrent.futures
  9. JavaSE_04异常处理
  10. microsoft project 出现不能保存为xls文件时可以按照如下方法解决