<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
Type error, cannot set undefined property,
response.data is an object array
I have initialized titleList, but I don’t know why it says it is undefined, please give me an answer
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
This pointer has changed. You can print out this to see who it points to
Solution
1. Use arrow function
2. Save this (let _this = this)
Try this. If it doesn't work, post the error and take a look!
This pointer is lost, you can use arrow function, or you can use a variable to save this
let _this = thisWhen I use axios to request data, I remember to introduce the axios class library globally in the program entry file main.js. After importing it, try using Vue.prototype.$http=axios. Then it can be used globally. As for the upstairs You can try this pointer issue pointed out in the answer given. I am used to the syntax of es6, so arrow functions are generally used in projects
Try this way