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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 360 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

2 条回复

iwannabeman

360 天前

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

zhangk23

358 天前

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