api axios pour rechercher des tracks sur Openwhyd
Bonjour,
Je suis débutant avec le framework vue.js.
Quelqu'un pourrait-il avec ce code par hasard, je n'arrive pas à retourner des données.
Merci par avance.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| <template>
<div class="container">
<div class="row bg-dark">
<div class="col-md-3 text-white">#</div>
<div class="col-md-3 text-white">Nom</div>
<div class="col-md-3 text-white">eId</div>
<div class="col-md-3 text-white">Image</div>
</div>
<div v-for="track in tracks" :key="track._id">
<div class="col-md-3 text-white border">{{track._id}}</div>
<div class="col-md-3 text-white border"><h5>{{track.name}}</h5></div>
<div class="col-md-3 text-white border">{{track.eId}}</div>
<div class="col-md-3 text-white border">{{track.img}}</div>
</div>
</div>
</template>
<script>
import axios from 'axios'
export default {
name: 'HotTracks',
data: () => ({
tracks: [],
errors: []
}),
created () {
axios.get('https://openwhyd.org/hot?format=json')
.then(response => {
this.tracks = response.data.DISPLAY
console.log(response)
})
.catch(e => {
this.errors.push(e)
})
}
}
</script> |
