Axios Vue.js 表未反映响应数据

Question

我有一个函数，每当上传文件时我都会调用它以刷新保存文件的表。

response.data 会返回正确的数据，但我的表格没有反映它。知道我可以做些什么来强制更新我的表格以显示新条目吗？

如果我刷新页面，数据就会正确返回。

function GetFileList(intID) {
    //$("#fileuploadstbl").empty();
         
    var ItemsVue = new Vue({
        el: '#fileUploadContent',
        data: {
            items: []
        },
        mounted: function () {
            var self = this;
    
            axios.get("getUploads.ashx")
                .then(response => {
                    self.items = response.data 
                }, function (err) {
                    console.log('error');
                    console.log(err.status);
                    console.log(err.response.status);
                })
                .catch(err => {
                    console.log('error');
                    console.log(err.status);
                });
        }
    });
    $("#fileUploadContent").show();
}

这就是我绑定<tr>的方式：

<tr 
    v-for="item in items" class="tddata" 
    v-bind:data-ID="item.ID" 
    v-bind:data-Uploadid="item.Uploadid"
>
    <td>{{item.Filename}}</td>
    <td 
        style="cursor: pointer;text-align:center;"  
        v-on:click="ViewFile(item.Filepath,item.Filename)"
    >
        View File
    </td>
    <td 
        style="cursor: pointer;text-align:center;"  
        v-on:click="DeleteFile(item.ID,item.guid,item.Filepath,item.Filename)"
    >
        View File
    </td>
    <td style="text-align:center;">{{item.UploadedBy}}</td>          
</tr>

Answer 1

它将根据您的情况自动更新。也许您可以检查您的 response.data 是否保存在“项目”中。如果还是不行，可以尝试使用 forceupdate 功能

this.$forceUpdate();