Tidak dapat mengakses data dalam Vue melalui permintaan dapatkan Axios
Saya baru menggunakan vue dan saya tidak faham apa salah saya di sini.
Saya mempunyai komponen mudah ini:
<template>
<template v-if="loading">
Loading...
</template>
<template v-else>
<div class="row">
{{ row }}
</div>
</template>
</template>
<script>
import { api } from 'src/boot/axios';
import { useUserLoginStore } from 'src/stores/UserLoginStore';
export default {
async mounted() {
this.loading = true
try {
const res = await api.get(`/v-cards/slug/${this.$route.params.slug}`, {
headers: {
Authorization: `Bearer ${useUserLoginStore().userToken}`,
}
});
this.rows = await res.data
this.loading = false
console.log('rows', this.rows)
} catch (error) {
this.error = true
console.log(error)
this.loading = false
}
},
data() {
return {
loading: false,
row: [],
}
},
}
</script>
Tetapi apabila saya memaparkan halaman, saya hanya melihat tatasusunan kosong. Panggilan api adalah baik kerana saya melihat data yang betul dalam log konsol.
