element——踩坑之旅

当el-form搜索框只有一个时，@keyup.enter.native事件，按enter会刷新页面

解决方案

1. 给el-form标签添加@submit.native.prevent，阻止form表单的提交事件
2. 在el-form中放多一个el-input标签，加隐藏样式

一个 row 标签中多个 col 标签，当col 占比多于一行时，下拉框选择后导致其他表单移位

解决方案

1. 每一行一个row标签
2. flex布局换行，适用于部分表单有显示隐藏的情况

<el-row style=" display: flex;flex-wrap: wrap;">
</el-row>

修改弹窗，form表单输入框修改值时，数据改变但页面不更新

• 点击修改按钮，显示弹窗，给小区名字赋初始值需要使用$set() 的方式

 // 修改小区或楼栋 
    edit(data, node) {
    	this.editAreaShow = true;
        this.$set(this.editForm, "areaName", this.data.houseName);
        // this.editForm.areaName = this.addData.houseName;
      }
    },

表格某行点击修改时，将 row赋值给变量，修改变量时，row也会被改变，导致表格源数据改变

• 方法一：this.data = Oblect.assign({},row) 处理一下
• 方法二：调取接口获取本行数据，不使用 row

搜索项form表单点击下拉没反应，input输不进去

• form表单数据 form:{ data1:‘’ } 需要初始化

form表单 v-model绑定的数据必须在 form 对象里，否则 校验 rules 不起作用

el-cascader组件 @change回调参数 (arr）

• arr是级联选择器每一级选中的id组成的数组
• 当初始化，重新给form赋值时，会触发change事件
• 此时arr 为 undefined，所以当使用 arr[0]时就会报错
• 所以注意在回调里先判断arr是true在写逻辑