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 HTML : Sélectionner tout - Visualiser dans une fenêtre à part
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>