javascript - Le composant de données renvoyé par la requête Axios ne peut pas être lié et rendu

Question

Les données que j'ai demandées à l'interface sont affectées à l'objet vide défini dans data. L'écriture d'une boucle d'étiquette sur la page peut parcourir les données, mais les données fournies au composant ne peuvent pas être restituées. ='item in Wholedata .materials.opt'></li>Les données seront sorties, mais l'erreur existera toujours. Si vous n'ajoutez pas cela, les données ne seront pas sorties. Si vous ajoutez v-. if='wholedata', les données ne seront pas sorties, car la sortie initiale est un objet vide
Demandez conseil à Dieu ! ! !

Answer 1

Modifiez simplement le format de données initial dans data.

data () {
  return {
    wholedata: {
      materials: {
        opt: []
      }
    }
  }
}

Tant que les propriétés de l'objet sont définies initialement, Vue peut détecter les changements de données. Vous pouvez également parcourir directement les données sous la forme de v-for item in x.y.z au début.

Answer 2