Axios Vue.js 表未反映響應數據

Question

我有一個 function 每當上傳文件時我都會調用它來刷新我保存文件的表。

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 function

this.$forceUpdate();

Answer 2

這對我有用

//HTML
<tr v-for="user in users" :key="user.id" v-bind="users_model">


//In your method
axios.get('sample-domain..com').then(response => {
   this.users = response.data.data
   this.users_model++
})