QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

uniapp

uniapp引入公共函数的两种方式

 admin  2022-08-31 20:34:00
1、第一种:
1、common文件夹下新建公共方法public.js
  1. export default { 
  2.     /* 
  3.     *字符串过程省略的函数 
  4.     *str 字符串 
  5.     *num 允许不被省略的长度 
  6.     */ 
  7.     string_part_omit(str,num){ 
  8.         if(str.length>num){ 
  9.             str=str.substring(0,num)+"..."
  10.         } 
  11.         return str; 
  12.     } 
2、在main.js挂载
  1. //公共函数引入 
  2. import $public from './common/public.js' 
  3. Vue.prototype.$public = $public 
在页面直接运用
  1. <view class="right"
  2.     {{$public.string_part_omit(user.descr,10)}} 
  3. </view> 
也可以在挂载的时候,直接挂载方法
  1. import $public from './common/public.js' 
  2. Vue.prototype.$string_part_omit = $public.string_part_omit 

2、common下封装常用函数
  1. 文件:StrUtils.js 
  2. //文件主要写的是会经常使用到的工具类 
  3. //校验邮箱格式 
  4. function checkEmail(email){ 
  5.     return RegExp(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/).test(email); 
  6. //校验手机格式 
  7. function checkMobile(mobile){ 
  8.     return RegExp(/^1[34578]\d{9}$/).test(mobile); 
  9.  
  10. module.exports = { 
  11.     checkEmail : checkEmail, 
  12.     checkMobile : checkMobile 
(1)可以直接在需要使用的时候引入该js  import until from ‘@/util/common.js’;
  1. if (!until.checkEmail(this.eml)) { 
  2.                 uni.showToast({ title: '邮箱格式错误', icon: 'none' }); 
  3.                 return
  4.             } 
(2)也可以挂载到全局main.js里边
  1. import  common  from './util/common.js' 
  2. Vue.prototype.$common = common;//挂载全局函数 
使用方式:this.$common.checkEmail()



¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《uniapp引入公共函数的两种方式》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/frame/uniapp/902.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换
小程序插件

PHPcms小程序插件

phpcms小程序插件万能接口,支持一键授权登录

Pbootcms小程序插件

Pbootcms小程序插件,支持一键授权登录

迅睿cms小程序插件

xunruicms小程序插件,简单易学,专为小白设计

dedecms小程序插件

不需要php基础,只需要div+css就可,方便简单

添加微信好友

添加微信好友

微信小程序

百度小程序