### common是个全局对象,把常用的函数功能都封装到里面,调用方法如下
~~~
this.$common.toTree(data, children_key, id_key, pid_key)
~~~
*****
### 下面对各个函数进行说明
1. getExplorer,获取当前浏览器名称
```
this.$common.getExplorer()
```
2. toTree,把关系数组过滤成树形数据
~~~
/**
* 把关系数组过滤成树形数据
* @param data 原始数据
* @param children_key 孩子的键名/默认是children
* @param id_key id的键名/默认是id
* @param pid_key 储存上级的键名/默认pid
* @returns {Array} 组装后的数据
*/
toTree (data, children_key, id_key, pid_key)
~~~
3. treeFind,递归遍历树形结构数据
~~~
/**
* 递归遍历树形结构数据
* @param arr 要遍历的数组,遍历之后会直接更改这个数据
* @param value 判断的值
* @param id_key 用那个键值判断/默认id
* @param update_key 需要更改的键值
* @param update_value 需要更改的内容
* @param child_key 树形结构孩子的键值
*/
treeFind(arr, value, id_key, update_key, update_value, child_key)
~~~
4. getTreePedigree, 根据要判断的值,返回这个树形结构的家族成员
~~~
/**
* 根据要判断的值,返回这个树形结构的家族成员
* @param obj 数据对象必须包含家庭成员
* @param value 家庭对象
* @param id_key 要比较的家庭成员名字,默认:id
* @param child_key 家族下的家庭名称,默认:children
* @returns {Array}
*/
getTreePedigree (obj, value, id_key, child_key)
~~~
5. moment时间处理函数,[引用地址]([https://momentjs.com/])
调用方法如下:
~~~
<div>{{this.$common.moment().format('MMMM Do YYYY, h:mm:ss a')}}</div>
<div>{{this.$common.moment(1563373614).format('YYYY-MM-DD, h:mm:ss')}}</div>
~~~
6.判断当前变量是否为空/data 为空的时候返回 true,不为空 返回false
~~~
this.$common.isEmpty(data)
~~~
- vue学习方向
- iview-admin项目说明
- 快速开始
- 开发工具
- 开始开发
- 接口的定义和调用
- 常用函数汇总
- 组件的定义
- iview开发规范说明
- 插件使用说明
- 时间插件
- 命名规范
- vue变量函数规则
- 接口嵌套使用说明
- 组件建立说明
- vue使用规范
- 数据检测特别说名
- iview-layout-themes
- util
- common
- xeUtils详细说明
- form表单自动生成
- theme1使用说明
- theme2使用说明
- hd-login登录组件说明
- wl-upload-files图片上传组件
- wl-upload-imgs
- wl-upload-oss-files
- wl-read-excel
- wl-dir-upload选择文件架
- system组件说明
- 机构管理wl-company-manager
- 用户管理
- wl-excel-import Excel数据导入
- 前台使用说明
- 后台使用说明
- Excel使用说明
- wl-vue2-editor
- 字符串截取方法
- redis常用说明
- 推荐redis使用规范