vue定义global.js,挂载在vue原型上面使用
首先在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原型上面使用相关推荐
- 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 ...
- 工作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 ...
- 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 ...
- 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 ...
- 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 ...
- 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 ...
- 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 ...
- vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func
前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 从后端拿取数据渲染到表格数据.结果明明写的没错,但是却 ...
- 报错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 ...
最新文章
- WINCE5 s3c2440_SD驱动知识补充
- 异步fifo_异步FIFO设计
- python中str的索引、切片
- C++模板详解——使用篇
- 类不能直接通过import得到
- 数值计算方法在计算机的应用,数值计算方法在计算机科学中的应用和误差序列实验推荐.doc...
- Python_文件_日记管理系统
- java io流操作_【Java基础】IO流操作
- slice深拷贝数组
- 基于JAVA+SpringMVC+MYSQL的学生成绩管理系统
- 中key的用途_Python中的函数定义与参数使用
- 激光甲烷传感器应用及优势
- C#初始化结构体数组方式
- 《JavaSE-第十四章》之文件(一)
- 计算机金钱符号怎么打,电脑键盘上怎么打钱的符号
- 第三讲:如何构建双活数据中心方案
- STM32学习笔记 | 引起电源和系统异常复位的原因
- C语言用双曲线函数拟合曲线,c语言绘制函数曲线
- 2022年保研经验贴建议个人经历:计算机软件工程
- 消息称即刻搜索即将关闭