中后台管理笔记.md

qs

qs文档

cnpm install qs

import qs from "qs"

调用接口时,按后台需求,需对数据进行转化 使用qs

var params = qs.stringify(config.datas,{ arrayFormat: 'repeat' ,allowDots: true})

按需求使用 arrayFormat / allowDots

lodash

lodash文档

cnpm i --save lodash

import _ from "lodash" / var _ = require('lodash');

对数组/对象/字符串等数据类型进行操作

_.pickBy(object,callback)

params = _.pickBy(params,item=>item) //筛选出params中的属性值不为空的

_.clone( ) 克隆数据 浅克隆 深克隆方法参考 _.cloneDeep 深克隆

var item = _.clone(this.xyCostItems);

Object.keys(item)

将对象属性名转为数组 通过判断数组长度,判断对象是否是空对象,或者对象属性是否完整

JSON.stringify(obj)

判断对象是否是空对象 JSON.stringify(this.xyDormInfo) != "{}"

父子组件通讯

父组件 import detail from "./Detail" 引入子组件 并在components 中注册

页面中使用 <detail ref="detail" :classLists="classList" :roomLists="roomList" @fresh="getStudent"></detail>

子组件 通过 props: ["classLists","roomLists"] 接受参数 可在页面中直接使用

子组件使用父类方法 this.$emit("fresh") 在组件中绑定 fresh 事件 = 后可直接使用父类方法