实际应用有如下总结 只有当 arr 中元素为基本数据类型时，map 方法才不会改变原始数据； arr 为引用类型时，还是会改变原数组的。 1.不改变原数组 1 2 3 4

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <el-table ref = "tableRef" :data="tableData" :expand-row-keys="expands" style="width: 100%" row-key="id" border lazy :load="load" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @expand-change="expandChange"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" lab

async/await是一个很重要的语法糖，他的作用是用同步的方式，执行异步操作 async/await用法 async/await的用处就是：

代码示例 （在excel中插入批量单元格数据：C6~C50） 1 2 3 4 5 6 7 8 9 10 11 12 declare i int; begin i := 5; while (i< 49) loop i := i+1 insert into REPORT_RESULT (AUTO_INC,YEAR,KIND,CODE,EXCEL_NO,REMARK,MODYFY_TIME) select SEQ_REPORT

同一接口不同条件下传参字段不同 解决方法：把相同字段封装为一个对象，不同字段封装一个对象，最后组合为一个对象传给接口 1 2 3 4 5 6 7 8 9 10 const differParams =

方法一：子组件mounted中设置中间桥 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!-- 子组件中 --> mounted(){ this.$on('bridge',()=>{ this.searchTab2List() }) } <!-- 父组件中，给子组件定义一个 ref 属性‘re

加括号 需要自定义传参： 1 @click="handleClick(scope.row)" 不加括号 1 2 3 4 5 6 7 8 9 10 11 a. 输入框绑定的下拉选项发生改变时 @change ="handleChange" handlechange(val){ console.log(val)//输入框绑定

可能出现这种错误的两种情况 1. 属性绑定错误 确保使用:model，而不是v-model ```html <el-form :model="form" ref="form" :rules="rules" label-position="left" label-width="120px"> </el-form> ``` 2. ref重复 检查是否在其他el-form

校验方法-自定义校验方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 data(){ var validateYear = (rule,value,callback)=>{ if(!this.ruleForm.dateValue){ callback(new Error('请选择年度范围')) }else if(this.ruleForm.dateValue){ this.$refs.ruleForm.validateField('dateValue') } callback() } return { rules:{

src/utils/validator.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 export default{ 'dateRange':(ru