Vue Ax ios: как получить ссылку внутри ArrayList - PullRequest
Новая
       6

Vue Ax ios: как получить ссылку внутри ArrayList

0 голосов
/ 27 мая 2020

Мне нужно получить URL-адрес изображения, чтобы показать мой тег img: sr c. Я попробовал: 

<img class="card-img-top" :src="noticia.Fotos.Link" alt="Card image cap">

Это мой HTML: 

<div class="col-lg-4" v-for="noticia in noticias">
                            <div class="row">
                                <div class="card mt-3 col-lg-10 offset-lg-1">
                                    <img class="card-img-top" :src="noticia.Fotos.Link" alt="Card image cap">
                                    <div class="card-body">
                                        <h5 class="card-title">{{noticia.Titulo}}</h5>
                                        <p class="card-text text-center">
                                            {{noticia.Descricao}}
                                        </p>

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

Это мой скрипт: 

<script>
        new Vue({
            el: '#noticia',
            data: {
                UnidadeId: "",
                Identificador: "",
                Tipo: "",
            },
            data() {
                return {
                    noticias: [],
                }
            },
            mounted() {
                var self = this
                axios.get('URL', {
                    params: this.axiosParams
                })
                    .then(response => {
                        console.log(response);
                        self.noticias = response.data
                    })
                    .catch(error => {
                        console.log(error);
                    })
            },
            computed: {
                axiosParams() {
                    const params = new URLSearchParams();
                    params.append('UnidadeId', '31');
                    params.append('Identificador', '0');
                    params.append('Tipo', '1');
                    return params;
                }
            },
        })
    </script>

Ответ: 

[
    {
        "ItemId": 902,
        "Titulo": "Noticia",
        "Descricao": "Noticia",
        "Data": "/Date(1590593442191)/",
        "QtdeCurtidas": 0,
        "QtdeComentarios": 0,
        "Curtido": false,
        "Observacao": null,
        "Fotos": [
            {
                "FotoId": 1508,
                "Link": "http://agro.aloapp.com.br/Imagens/cVV4S0dINGRESm9IN3IxM2swYXVjZz09/Item/bg_carousel_2.jpg"
            }
        ],
        "Videos": [],
        "IsVideo": false
    }
]

1 Ответ

1 голос
/ 27 мая 2020

Вы пытаетесь получить элемент из массива (а не из ArrayList), что означает, что вам нужно указать, какой элемент в массиве вы хотите. В Javascript это работает путем указания индекса элемента в скобках после имени массива. Если вам нужен первый элемент, вы можете сделать noticia.Fotos[0].Link.

...