uniapp 或 vue 封装公共方法

24 篇文章 0 订阅

项目中,如果频繁用到某些方法的时候,我们肯定要去想到封装,不然代码冗余,看上去非常不美观,下面,我简单封装个例子,希望大家都能主动去封装自己常用的方法

1.我一般喜欢把封装的js文件放在utils静态文件夹下 如图:

在这里插入图片描述

2.举个例子 我封装手机号码的验证格式

//校验手机格式
function checkMobile(mobile) {
	return RegExp(/^1[34578]\d{9}$/).test(mobile);
}


//一定要声明暴露函数,可以被引用 
module.exports = {
	checkMobile
}

3.用的页面引入当前文件

在这里插入图片描述

4.如何使用

if (!encap.checkMobile(self.form.phone)) {
					
					console.log(self.form.phone)
					uni.showToast({
						title: '电话号码格式错误',
						icon: 'none', //不要图标
						duration: 2000 //2秒后消失
					})
					return;
				}

在这里插入图片描述

结束

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值