javascript - vue 初始化数据赋值报错

问题描述

问 题

vue代码

<script>
import axios from 'axios';
export default {
    data() {
        return {
            titleList: [],
        }
    },
    created() {
        this.axios.get('XX').then(function(response) {
            console.log(response.data);
            this.titleList=response.data;
        }).catch(function (error) {
            console.log(error);
        });
    }
}
</script>

报错

TypeError: Cannot set property 'titleList' of undefined
类型错误，不能设置未定义的属性，

数据

response.data是一个对象数组
我已经初始化了titleList，不知为何说他未定义，求大神解答

解决方案

this 指向更改了 你可以打印出this来看一下指向谁

---

解决方案

1.用箭头函数吧
2.保存this (let _this = this)

这篇关于javascript - vue 初始化数据赋值报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！