javascript - vue中如何做到销毁组件

现在是利用vue-strap中的tab来展示数据，根据用户输入的内容在tab中展示后端返回的数据，但是出现上一次用户获取信息展示的tab不会消失，于是出现两个tab，多个tab的情况 我有在每次获取数据时候，将tab中的来源数据置空，还是不行，只能销毁页面一半的tab组件，这是组件的坑吗

<tab class="m-warp-table" v-for="($index,item) in execSQLData" :header="'结果集'+($index+1)" v-if="item.tbodyData">
                    <p class="m-showTableData">
                        <table class="m-table" style="table-layout:auto">
                        ......
                        </table>
                    </p>
</tab>

代码就是这样 销毁页面组件的时候，还剩下一半

结果集 1 3 5 7 对应的tab组件都已经销毁啦 每次重新获取获取的时候都会重新设置execSQLData的值 置空 但是组件只是销毁一半