Vue中util的工具函数实例详解


Posted in Javascript onJuly 08, 2019

Vue中util的工具函数,下面通过实例代码给大家介绍的非常详细,具体代码如下所示:

// 防抖函数
function debounce (fn, wait) {
let t
return () => {
let context = this
let args = arguments
if (t) clearTimeout(t)
t = setTimeout(() => {
 fn.apply(context, args)
}, wait)
}
}
function flatten (arr) { // 数组扁平化
return arr.reduce((result, item) => {
return result.concat(Array.isArray(item) ? flatten(item) : item)
}, [])
}
function handleMulitePerson (sPerson) {
console.log(44, sPerson.split(','))
if (typeof sPerson == 'string') {
let personArr = []
sPerson.split(',').forEach(item => {
 let obj = { userCode: item.split('/')[0], userName: item.split('/')[1] }
 personArr.push(obj)
})
return personArr
}
}
function uniqueArray (array, key) { // json数组根据key去重
var result = [array[0]]
for (var i = 1; i < array.length; i++) {
var item = array[i]
var repeat = false
for (var j = 0; j < result.length; j++) {
 if (item[key] == result[j][key]) {
  repeat = true
  break
 }
}
if (!repeat) {
 result.push(item)
}
}
return result
}
function setSessionStorage (key, val) {
if (typeof (val) == 'object') {
sessionStorage.setItem(key, JSON.stringify(val))
} else {
sessionStorage.setItem(key, val)
}
}
function getSessionStorage (key) {
return sessionStorage.getItem(key)
}
function removeStorage (key) {
sessionStorage.removeItem(key)
}
function urlParams () { // 获取链接参数
var str = location.search.length > 0 ? location.search.substring(1) : ''
var items = str.length ? str.split('&') : []
var args = {}
var item = null
var name = null
var value = null
for (let i = 0, len = items.length; i < len; i++) {
item = items[i].split('=')
name = decodeURIComponent(item[0])
value = decodeURIComponent(item[1])
if (name.length) {
 args[name] = value
}
};
return args
}
function urlAfterParams () {
var str = window.location.hash.length > 0 ? window.location.hash.substring(window.location.hash.indexOf('?') + 1) : ''
var items = str.indexOf('&') > 0 ? str.split('&') : str.split('?')
var args = {}
var item = null
var name = null
var value = null
for (let i = 0, len = items.length; i < len; i++) {
item = items[i].split('=')
name = decodeURIComponent(item[0])
value = decodeURIComponent(item[1])
if (name.length) {
 args[name] = value
}
};
return args
}
function parseParams (url) {
url = decodeURIComponent(url)
var params = {}
var idx = url.indexOf('?')
if (idx > 0) {
var queryStr = url.substring(idx + 1)
if (queryStr.length > 0) {
 var arr = queryStr.split('&')
 for (let i = 0; i < arr.length; i++) {
  var pair = arr[i].split('=')
  if (pair.length == 2 && pair[0].length > 0) {
   params[pair[0]] = pair[1]
  }
 }
}
}
return params
}
/**
选人下拉框数据:username(userCode)
*/
function getSelectUserName (userName, userCode) {
return userName + '(' + userCode + ')'
}
function getSelectLoginUser () {
var userInfo = getLoginUserInfo()
return getSelectUserName(userInfo.userName, userInfo.userId)
}
function getUserNameBySelectUserName (userName) {
let i = userName.indexOf('(')
return userName.substring(0, i)
}
/**
登录用户信息
userId
userName
mobileNo
@returns {any}
*/
function getLoginUserInfo () {
return JSON.parse(localStorage.getItem('userInfo'))
}
function getLoginUserCode () {
return JSON.parse(localStorage.getItem('userInfo')).userId
}
export default {
getNyr,
getYDate,
setSessionStorage,
urlParams,
urlAfterParams,
parseParams,
debounce,
handleMulitePerson,
uniqueArray,
flatten,
getSessionStorage,
removeStorage,
getSelectUserName,
getSelectLoginUser,
getLoginUserInfo,
getLoginUserCode,
getUserNameBySelectUserName
}

总结

以上所述是小编给大家介绍的Vue中util的工具函数实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
js 事件处理函数间的Event物件是否全等
Apr 08 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
js实现数组去重方法及效率?Ρ? target=
Feb 14 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
详解Angular调试技巧之报错404(not found)
Jan 31 Javascript
微信小程序动态生成二维码的实现代码
Jul 25 Javascript
小程序云开发实战小结
Oct 25 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 #Javascript
使用 node.js 模仿 Apache 小部分功能
Jul 07 #Javascript
echarts统计x轴区间的数值实例代码详解
Jul 07 #Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 #Javascript
详解django模板与vue.js冲突问题
Jul 07 #Javascript
django中使用vue.js的要点总结
Jul 07 #Javascript
Vue使用lodop实现打印小结
Jul 06 #Javascript
You might like
PHP过滤黑名单关键字的方法
2014/12/01 PHP
php实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
PHP闭包函数详解
2016/02/13 PHP
laravel框架学习笔记之组件化开发实现方法
2020/02/01 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
javascript 实现父窗口引用弹出窗口的值的脚本
2007/08/07 Javascript
Jquery获取元素的父容器对象示例代码
2014/02/10 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
如何理解jQuery中的ajaxSubmit方法
2017/03/13 Javascript
vue仿淘宝订单状态的tab切换效果
2020/06/23 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
vue模式history下在iis中配置流程
2019/04/17 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
Tornado服务器中绑定域名、虚拟主机的方法
2014/08/22 Python
python批量同步web服务器代码核心程序
2014/09/01 Python
一道python走迷宫算法题
2018/01/22 Python
python操作mysql代码总结
2018/06/01 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
Python xlrd模块导入过程及常用操作
2020/06/10 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
PyCharm 2020.1版安装破解注册码永久激活(激活到2089年)
2020/09/24 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
美国滑雪和滑雪板商店:Buckman
2018/03/03 全球购物
食品行业求职人的自我评价
2014/01/19 职场文书
网上商城创业计划书范文
2014/01/31 职场文书
2014年客房部工作总结
2014/11/22 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
MongoDB支持的数据类型
2022/04/11 MongoDB