Vue3使用axios请求数据后使用v-for显示不出数据

最新推荐文章于 2024-04-18 19:32:22 发布

cccxp111

最新推荐文章于 2024-04-18 19:32:22 发布

阅读量1.7k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/qq_17586383/article/details/128374162

版权

            getAccount(){
                let that = this
                axios({
                    url:'http://localhost:8080/api/GetAllUniAccounts/',
                    method:'post'
                }).then( res => {
                    that.accountList=res.data // 写法错误
                    console.log(that.accountList)
                })
            }

上方是出错的地方，原因在于第7行，如果这样子写的话，该变量会失去响应式特性，正确的写法是

            getAccount(){
                let that = this
                axios({
                    url:'http://localhost:8080/api/GetAllUniAccounts/',
                    method:'post'
                }).then( res => {
                    that.accountList.push(...res.data)
                    console.log(that.accountList)
                })
            }