Javascript VueJS-在console.log中获取数据，但可以'；t屏幕上的输出

这是我第一次使用PapaParse。我试图解析一个远程CSV文件，该文件工作正常并存储数据，它显示在console.log中，但当我尝试使用v-for循环输出时。它不起作用了

我在用图书馆

这是我的密码

<template>
    <div class="uk-section">
        <div class="uk-container">
            <ul v-if="cases">
                <li v-for="(item, index) in cases" :key="index">{{item.date}} / {{item.World}}</li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            cases: [],
        }
    },
    methods: {
        totalCases(){
            let url = "https://covid.ourworldindata.org/data/ecdc/total_cases.csv";
            this.$papa.parse(url, {
                header: true,
                download: true,
                dynamicTyping: true,
                complete: function(results) {
                    this.cases = results.data;
                    console.log(this.cases);
                }
            })
        }
    },
    mounted() {
        this.totalCases();        
    }
}
</script>

{{{item.date}/{{item.World}

导出默认值{
数据（）{
返回{
案例：[]，
}
},
方法：{
总数（宗）{
让url=”https://covid.ourworldindata.org/data/ecdc/total_cases.csv";
这个.$papa.parse（url{
标题：对，
下载：对，
动态打字：对，
完成：功能（结果）{
this.cases=results.data；
console.log（this.cases）；
}
})
}
},
安装的（）{
这个。totalCases（）；
}
}

---

没有错误。我被困在这里了。不知道我做错了什么。非常感谢您的帮助。谢谢。

问题可能是在

complete

回调函数中使用了

this

。尝试改用箭头函数

complete: (results) => {
   this.cases = results.data;
   console.log(this.cases);
}

或者将此分配给另一个变量，并在函数中使用它

let self  = this;

complete: function(results) {
   self.cases = results.data;
   console.log(self.cases);
}

---

问题可能是在

complete

回调函数中使用

this

。尝试改用箭头函数

complete: (results) => {
   this.cases = results.data;
   console.log(this.cases);
}

或者将此分配给另一个变量，并在函数中使用它

let self  = this;

complete: function(results) {
   self.cases = results.data;
   console.log(self.cases);
}