javascript - ralat penetapan data permulaan vue

Question

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

Laporkan ralat

TypeError: Cannot set property 'titleList' of undefined
Ralat jenis, tidak boleh menetapkan sifat yang tidak ditentukan,

Data

response.data ialah tatasusunan objek
Saya telah memulakan titleList, tetapi saya tidak tahu mengapa ia mengatakan ia tidak ditentukan, sila berikan saya jawapan

Answer 1

Penunjuk ini telah berubah Anda boleh mencetak ini untuk melihat kepada siapa ia ditunjuk

---

Penyelesaian

1. Gunakan fungsi anak panah
2. Simpan ini (biar _ini = ini)

Answer 2

.then(res => {
    this.titleList = res;
})

Answer 3

this.axios.get('XX')
    .then(function (response) {
      response=response.body;
      this.titleList=response.data;
    })
    .catch(function (error) {
      console.log(error);
})

Cuba ini. Jika ia tidak berfungsi, siarkan ralat dan lihat!

Answer 4

Penunjuk ini hilang, anda boleh menggunakan fungsi anak panah, atau anda boleh menggunakan pembolehubah untuk menyimpan ini let _this = this

Answer 5

Apabila saya menggunakan axios untuk meminta data, saya ingat untuk memperkenalkan perpustakaan kelas axios secara global dalam fail masukan program main.js Selepas mengimportnya, cuba gunakan Vue.prototype.$http=axios untuk tingkat atas Anda boleh mencuba isu penunjuk ini yang ditunjukkan dalam jawapan yang diberikan Saya sudah biasa dengan sintaks es6, jadi fungsi anak panah biasanya digunakan dalam projek

Answer 6

axios.get('***').then((res) => {
    this.titleList=res.data;
});

Cuba cara ini