Vue+element ui+echart项目的若干问题

开门见山。

Table表格组件和Form表单组件结合使用

当Table的某一行有查看或编辑操作时，会赋值给Form表单的相应字段。此时，如果只是Form.data=row这种方式赋值则会出问题-当你调用表单重置方法resetFields后，再查看、编辑则会出现赋值不成功bug。 这是因为，row为Objet，我们Form.data=row只是把row的对应指针赋给前者，当重置时，重置了row的相应字段为初始值了。即使再次点击查看，ele做优化了也不会重新刷新row的内容。

解决办法

需要将row复制一份,例：this.Form.data = { ...row }。注意：这里也是浅copy，如果row的属性包含有对象的话，改变其则Form.data也改变。

   Object.assign(targetObj,source)
   // for循环遍历属性
   //for of

echart图标没有数据的显示

echart生成的是canvas，在实际项目中修改层级z-index也无法被div遮盖，具体原因待查明。这里采用一种折中的方式。 只需要将父元素高度设置一致,然后overflow:hidden;即可。

Table自定义索引

<el-table-column
      type="index"
      :index="indexMethod">
----------
// 方法
indexMethod(index) {
        return index * 2;
      }

未完待续，谢谢拨冗浏览