公司用的 Artery 框架,本来只是加一列的需求,却发现加了一列数据反而错了,遂开始差错,在浪费 1 个小时后,发现竟然是别的已经用 v-if 跳过的表格内容污染了当前表格,真的离谱,伪代码:
<aty-table v-if="A"> <aty-table-column prop="A1"> <template>..</template> </aty-table-column> <aty-table-column prop="A2"> <template>...</template> </aty-table-column> </aty-table> <aty-table v-if="B"> <aty-table-column prop="B1"> <template>...</template> </aty-table-column> <aty-table-column prop="B2"> <template>...</template> </aty-table-column> </aty-table>
原本预期 A 和 B 就是两个不相干的表格,结果 A 里面的 A1A2 如果不在 template 里加上 v-if="!B",会导致 B1 正确显示,B2 却被 A2 的数据给覆盖上,非常非常离谱,这有可能是前端框架的问题吗,还是单纯 HTML 里有小坑没发现?
![]() | 1 iwannabeman 2023-12-06 17:46:06 +08:00 Artery ?那不是公司自己的框架吗? |
![]() | 2 zhangk23 2023-12-07 22:31:06 +08:00 试试看用 div 容器包裹一下 table 呢,判定放 div 上面。我写 angular 时候 ngif 都是给容器的没试过直接给元素 |