element 编辑赋值的坑

1.element编辑弹框 编辑时页面上会跟着变但实际并没有修改

解决办法: 赋值给一个空对象
1. let item = Object.assign({},{...row})
this.editForm = item;
2.不可靠--深拷贝 JSON.stringify(JSON.parse(row))

 

2. el-table添加索引

 

<el-table :row-class-name="rouClassName">

 

// 添加index索引
rouClassName({ row, rowIndex }) {
row.index = rowIndex;
}

3. map集合转换传值

1.将值转换成JSON字符串传递给后台 JSON.stringify(this.tableData)

2.前端解析后台传过来的json解析成数组结构
let str = res.data.data
let work4 = eval("(" + str + ")");
this.tableData = work4;

4.前端解析后台传过来的字符流图片

11传值的时候多传responseType:"blob" 响应类型 与url同级
const src = window.URL.createObjectURL(res.data);
this.imgUrl = src;

5.vue+element-ui中的el-table-column配合v-if导致列样式与位置错乱的现象

给使用了v-if的列，加一个固定的key值，或循环渲染key即可；
虽然仍会有一瞬间的表头的样式的改变和列的错乱，但是已经不影响数据的展示了；

<el-table-column v-if="type === '0' " : key="Math.random()">姓名</el-table-column>