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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/262790.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Configuration、SessionFactory、Session

org.hibernate.cfg Class Configuration An instance of Configuration allows(允许) the application to specify properties and mapping documents to be used when creating a SessionFactory. Usually an application will create a single Configuration, build a singl…

函数声明指令(stdcall, cdecl,pascal,register)

指令 参数存放位置 参数传递顺序 参数内存管理 适用地点registerCPU寄存器从左到右被调用者默认&#xff0c;published 属性存取方法必须使用pascal栈从左到右被调用者向后兼容cdecl栈从右到左调用者调用 C 共享库stdcall栈从右到左被调用者API 调用safecall栈从右到左被调用…

uni-app相关

uni-app 中以下组件的高度是固定的&#xff0c;不可修改&#xff1a; 导航栏高度固定为 44pxtabBar 高度固定为 56px 状态栏比较特殊&#xff0c;是一个变量 .status_bar{height: var(--status-bar-height);width: 100%; } uni-app 使用 vue/cli 创建项目的时候&#xff0c;如果…

《Windows游戏编程大师技巧》三、Windows高级编程

Windows编程很绝的地方在于&#xff1a;你不用了解太多细节&#xff0c;就可以完成很多工作。使用资源资源就是你的程序代码结合在一起的多块数据&#xff0c;可以被程序本身在运行时加载。资源应当也放在程序的.EXE文件中的原因是&#xff1a;1.同时包含代码和数据的.EXE文件更…

结构型模式--装饰模式

下面先用java&#xff0c;然后用Objective&#xff0d;C行对装饰模式的讲解&#xff1a; 对于java的装饰模式讲解和使用比较详细和难度有点偏高&#xff0c;而对于Objective&#xff0d;C的装饰模式讲解和使用方面比较简单&#xff0c;而且和java的装饰模式略有差异&#xff0c…

ArcGIS.Server.9.2.DotNet自带例子分析(三、一)

目的&#xff1a; 1.arcgis server9.2 ADF的AddGraphics。 准备工作&#xff1a; 1.用ArcGis Server Manager或者ArcCatalog发布一个叫world的Map Service,并且把这个Service启动起来。 2.找到DeveloperKit\SamplesNET\Server\Web_Applications目录下的Common_AddGraphicsCShar…

linux 使用timedatectl 修改时区和时间

使用timedatectl可以进行如下常见操作 1.查看当前时间/日期/时区&#xff1a;timedatectl或者timedatectl status 2.查看所有可用时区&#xff1a;timedatectl list-timezones 3.设置时区&#xff1a;timedatectl set-timezone “Asia/Shanghai” 或者 timedatectl set-time…

aspose将datatable导出excel 比自己拼好的多 Bug少-。.net

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.IO; using System.Data; using Aspose.Cells; /// <summary> ///OutFileDao 的摘要说明 /// </summary> publicclass OutFileDao { public OutFileDa…

【MVC】AJAX+PartialView实现商城首页的楼层加载

使用AJAX实现楼层加载的例子已经非常多&#xff0c;但是html代码大都是手动拼接的&#xff0c;编写不便&#xff0c;而且难以维护。 下面就使用AJAXPartialView来实现 1.html代码 <!--楼层1开始--> <div class"floor" id"floor1"></div>…

VS2008常用快捷键

如果有一天&#xff0c;你的鼠标被猫叼走了的时候&#xff0c;你会发现这些快捷键很有意思&#xff0c;你的鼠标在的时候这些可爱的快捷键会让你更方便。 命令行&#xff1a; Devenv 启动VS Studion Isqlw 启动SQL2000查询分析器 Sqlwb 启动SQL2005企业管理器 Inet…

给控件动态添加方法

新建一个窗体,添加如下方法 public void init() { FormBuildStringControl formStringControl; FormBuildButtonControl formButtonControl; FormBuildGroupControl formGroupControl; ; // Adding a group formGroupControl this.form().addControl(FormControlType::Group, …

整理:Android apk 框架 布局 集锦

2019独角兽企业重金招聘Python工程师标准>>> 看到好的技术教程就想分享一下&#xff0c;不喜勿喷&#xff01;谢谢配合&#xff0c;仅供菜鸟学习研究(^o^)/~ 友情推荐《爱加密》Android apk加密保护视频教程剪辑&#xff1a;http://www.ijiami.cn/Video?v3 Andro…

IE8不兼容你的网页 怎么办? - 简单开启兼容模式

自从用了IE8 整个世界都变了形.   呵呵,问题没那么严重,如果你的网站还来不及修改以适合IE8访问的时候,咱们可以通过非常简单的方法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式[/b],这样可以保证最大的兼容性,方法如下:   只需要在页面中加入如下HTTP meta-tag:  …

springboot打war包汇总

概述 第一次用maven工具打war包&#xff0c;出现各种各样的问题&#xff0c;做个问题记录方便下次查看 maven 一开始用的maven是springboot默认的&#xff0c;在.m2下&#xff0c;要打包时才发现没有mvn指令。索性自己就重新装个maven&#xff0c;去官网下载&#xff0c;我安装…

学习Nutch不错的系列文章

1&#xff09;Nutch1.2二次开发详细攻略 &#xff08;1&#xff09;Windows平台下Cygwin环境的搭建 地址&#xff1a;http://www.cnblogs.com/streamhope/archive/2011/07/27/2118397.html &#xff08;2&#xff09;Windows平台下Nutch1.2的搭建 地址&#xff1a;http://www.c…

[CareerCup] 9.4 Subsets 子集合

9.4 Write a method to return all subsets of a set. LeetCode上的原题&#xff0c;请参见我之前的博客Subsets 子集合和Subsets II 子集合之二。 解法一&#xff1a; class Solution { public:vector<vector<int> > getSubsets(vector<int> &S) {vecto…

新增一自增列

/// <summary> /// 为m_DataTable新增一自增列 /// </summary> private void AddAutoIncrementComunm() { DataColumn col new DataColumn(NewColumnName, typeof(System.Int32)); col.AutoIncrement t…

解决Lync2010错误:无法同步通讯簿信息

1、修改注册表&#xff1a;HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Lsa 新建DWORD值起名为DisableLoopbackCheck 数值为1&#xff1b; 2、检查一下你的iis 里面的虚拟目录abs&#xff0c;和你共享文件夹的的权限是否允许所有的域用户访问。 3、设置好以后重启i…

Java 8 stream forEach filter anyMatch

forEach的循 someObjects.forEach(obj -> { //to do something }) 如果这个循环的目标是找到匹配某个谓词的第一个元素 Optional<SomeObject> result someObjects.stream().filter(obj -> some_condition_met).findFirst(); 如果你只是想知道集合中是否有一个元素…

大数据初探——Hadoop历史

Hadoop是一个开源的分布式框架&#xff0c;是Apache下的一个开源项目。Hadoop运行可以在成千上万个普通机器节点组成的集群上&#xff0c;通过分布式的计算模型和存储模型来处理大数据集。Hadoop具有高容错性、工作在普通的机器节点上扩展性强等众多的优点&#xff0c;是企业选…