uniapp 或 vue 封装公共方法
项目中,如果频繁用到某些方法的时候,我们肯定要去想到封装,不然代码冗余,看上去非常不美观,下面,我简单封装个例子,希望大家都能主动去封装自己常用的方法1.我一般喜欢把封装的js文件放在utils静态文件夹下 如图:2.举个例子 我封装手机号码的验证格式//校验手机格式function checkMobile(mobile) {return RegExp(/^1[34578]\d{9}$/).tes
·
项目中,如果频繁用到某些方法的时候,我们肯定要去想到封装,不然代码冗余,看上去非常不美观,下面,我简单封装个例子,希望大家都能主动去封装自己常用的方法
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;
}
结束
更多推荐
已为社区贡献11条内容
所有评论(0)