使用Element-UI的表格组件,实现自定义列隐藏和显示,首先使用树勾选列,将勾选的列包装为数组filterList,发送给后端存储,并且打开页面时,根据filterList隐藏列:
filterList存储需要隐藏的列名,每个列进行v-if判断: filterList.indexOf (该列名) === -1,即filterList没有这个字段,才会显示。这样实现自定义的显示和隐藏
indexOf() 方法返回值在字符串中第一次出现的位置。 如果未找到该值,则 indexOf() 方法返回 -1
在这个过程中,出现问题:列成功隐藏了,但是列对应的数据时乱的
经过检查发现,自定义列功能,列必须要加key绑定