今天前端碰到一个超级离谱的表格内容污染,见鬼了

[paopjian]

公司用的 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 里有小坑没发现?

[iwannabeman]

Artery ？那不是公司自己的框架吗？

[zhangk23]

试试看用 div 容器包裹一下 table 呢，判定放 div 上面。我写 angular 时候 ngif 都是给容器的没试过直接给元素