Как я могу показать данные моего массива json на моей странице about, используя ax ios и цикл v-for? - PullRequest
Новая
       39

Как я могу показать данные моего массива json на моей странице about, используя ax ios и цикл v-for?

0 голосов
/ 01 апреля 2020

Я столкнулся с проблемой, связанной с тем, как я могу получить данные массива из моего файла getData. json и показать информацию на моей странице About. vue с помощью ax ios.

* 1002. * В моем файле getData. json я легко могу показать маленькие и субтитры в моем файле About. vue, но как я могу показать информацию массива изображений, используя v-for l oop

This мой О. vue

  <template>
    <div class="about">
        <section id="about">
            <div class="container">
                <div class="titlemask">
                <h1 v-text ="jsonData.about.title"></h1>
                <p v-text ="jsonData.about.subtitle"></p>
            </div>
            <div class="abluttilesmask">
                <div class="row">
                    <div  v-for="" :key="">
                        <div class="col-xs-12 col-sm-4 col-md-4">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</template>
<script>
import axios from 'axios'
export default {
  name:'About',
  data(){
    return{
      jsonData:null
    }
  },
  mounted(){
    let url = 'http://localhost:8080/data/getData.json';
    axios.get(url)
    .then(res =>{
      this.jsonData = res.data;
    })
    .catch(err =>{console.logo(err)})
  }
}
</script>

Это мой getData. json

 {
    "about": {
      "title":"All about us",
      "subtitle":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 
       incididunt ut labore et",
      "Images":[
        {
          "name":"aa1.jpg"
        },
        {
          "name":"aa2.jpg"
        },
        {
          "name":"aa3.jpg"
        }
      ]
    }
}
...