Axios Vue公司,js表没有反映响应数据

20jt8wwn  于 2022-09-28  发布在  iOS
关注(0)|答案(2)|浏览(479)

我有一个函数,每当上传文件时我都会调用它,以刷新保存文件的表。
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();
}

这就是我绑定e1d1e的方式:

<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>
nqwrtyyt

nqwrtyyt1#

它将根据您的案例自动更新。也许你可以看看你的React。数据保存在您的“项目”中。如果仍然不能,可以尝试使用forceupdate函数

this.$forceUpdate();
ffscu2ro

ffscu2ro2#

这对我很管用

//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++
})

相关问题