小记Vue动态修改表头的方法

背景：

列表A：初始列名称列表

对象B：{

　　　　　　name1:newName1;

　　　　　　name2:newName2

　　　　}

对象B记录了一部分需要修改的列名称。

根据列表A使用v-for动态渲染出列名，根据需要修改某一列名字。因为修改了列名称后，请求的数据字段也会修改，如果表头不变化，那么数据不能渲染。

 

解决方法：

column标签的

：prop属性 和 ：label属性

绑定方法，方法逻辑为：到列表B中选如果修改列命中存在已经修改过的值，那么返回新值，如下图的getLabel()方法。