Как разобрать данные vk api wall.get через vue? - PullRequest
0 голосов
/ 06 октября 2018

Я получаю данные через https://vk.com/dev/wall.get После их анализа следующим образом:

 <template>
  <div class="walls">
    <div class="loading" v-if="loading">
      Loading...
    </div>

    <div v-if="error" class="error">
      {{ error }}
    </div>
    <div class="album py-5 bg-light"  v-if="walls">
        <div class="container">
          <div class="row">

            <div class="col-md-4"  v-for="wall in walls">
              <div class="card mb-4 shadow-sm">          

                <img v-if="wall.copy_history" class="card-img-top" style="height: 225px; width: 100%; display: block;" src="">                                                              
                <div class="card-body">                                  
                  <a v-if="wall.attachments" :href="'https://vk.com/wall'+wall.owner_id +'_'+ wall.id">                   
                    <p class="card-text">{{ wall.text }}</p>                                                   
                  </a>
                  <a v-else-if="wall.copy_history" :href="'https://vk.com/wall'+wall.copy_history[0].owner_id +'_'+ wall.copy_history[0].id">                                     
                    <p class="card-text">{{wall.copy_history[0].text}}</p>                                 
                  </a>
                  <a v-else :href="'https://vk.com/wall'+wall.owner_id +'_'+ wall.id">                   
                    <p class="card-text">{{ wall.text }}</p>                                                   
                  </a>
                  <div class="d-flex justify-content-between align-items-center">      
                    <small class="text-muted">{{ wall.id }}</small> 
                  </div>
                </div>
              </div>
            </div>     

          </div>          
        </div>
    </div>

  </div>
</template>
<script>
import axios from 'axios';
export default {
  data() {
    return {
      loading: false,
      walls: null,
      error: null,
    };
  },
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      this.error = this.walls = null;
      this.loading = true;
      axios
        .get('/api/walls')
        .then(response => {              
            this.loading = false;
            this.walls = response.data.items;
        }).catch(error => {
            this.loading = false;
            this.error = error.response.data.message || error.message;
        });
    }
  }
}
</script>

Необходимо получить изображение, если оно есть, из данных оригинала, еслитекущая запись является репостом, и если текущая запись является оригинальной, проверьте наличие изображения в

вложений

и, если доступно, - отозвать.

Подскажите пожалуйста, как решить ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...