需求:
一个弹框选择一些类型后,在另一个弹框显示出选择后的tab,点击不同的tab,下面对应表格的表头不同

循环出选中的tab数据

动态绑定类名?
点击哪个tab 哪个tab高亮



值 activeIndex === index 是一个条件表达式。当这个表达式的值为 true 时(也就是当前循环的 index 和组件中定义的 activeIndex 相等时 ),对应的类名 activeIndex 就会被添加到这个 div 元素上
动态表头?
每次获取表格数据时都要重新获取表头,封装成一个方法



不同tab的不同表格列特殊处理?
第一个tab对应的表头一些字段 需要特殊处理显示 ,其他tab对应的表头也有字段需要特殊处理
都放在template里面太麻烦,不好操作,要写一大堆v-if,因为既要判断有没有这个表头字段 有要判断有没有这个列的字段 所以就分成两部分 一部分字段特殊处理(都放在needSpecialHanding里面) 另一部分正常显示 还有一部分 显示按钮所以要特殊处理

要特殊处理的字段

对于不直接显示成后端反的字段特殊处理

封装完getTableList后每次传的形参都是动态的 不能写死,都传定义好的变量heightLight.value 选中的tab信息,data.activeIndex 选中的tab索引
点击分页时也要这么传

4378

被折叠的 条评论
为什么被折叠?



