小编Jen*_*sen的帖子

我正在为数据表使用Bootstrap-Vue，并在仪表板中获取了下表：

我可以通过单击垃圾桶图标成功删除项目。它使用Axios发送AJAX请求。但是，删除后，它仍然显示该项目，直到我手动刷新网页为止。我该如何解决？我不想提出另一个AJAX请求以加载更新版本，我认为解决此问题的最佳方法是从数据表中删除已删除的项目行。

我试图给我的表一个ref标签，并使用调用刷新函数，this.$refs.table.refresh();但没有成功。

我的代码：

<template>
<div>
    <b-modal ref="myModalRef" hide-footer title="Delete product">
        <div class="container">
            <div class="row">
                <p>Are you sure you want to delete this item?</p>
                <div class="col-md-6 pl-0">
                    <a href="#" v-on:click="deleteItem(selectedID)" class="btn btn-secondary btn-sm btn-block">Confirm</a>
                </div>
                <div class="col-md-6 pr-0">
                    <a href="#" v-on:click="$refs.myModalRef.hide()" class="btn btn-tertiary btn-sm btn-block">Cancel</a>
                </div>
            </div>
        </div>
    </b-modal>
    <div id="main-wrapper" class="container">
        <div class="row">
            <div class="col-md-12">
                <h4>Mijn producten</h4>
                <p>Hier vind zich een overzicht van uw producten plaats.</p>
            </div>

            <div class="col-md-6 col-sm-6 col-12 mt-3 text-left">
                <router-link class="btn btn-primary btn-sm" …