Индикатор слота шаблона карусели Buefy показывает сломанное изображение - PullRequest
0 голосов
/ 17 июня 2020

Привет, я новичок ie в buefy и vuejs У меня другой URL-адрес в моем массиве json, который нужно отображать в карусели buefy, однако всякий раз, когда я использую шаблон slot = "Indicators", изображение отображается сломанным образ. изображение уже отображается, но в шаблоне slot = "sizes" отображается неработающее изображение. Кто-нибудь может мне помочь? Спасибо

Вот код:

          <b-carousel :indicator-inside="false">
            <b-carousel-item v-for="(itemss,i) in imgsplit" v-bind:prop="itemss" v-bind:key="i">
              <span class="image">
                <img v-bind:src="getImgUrl(imgsplit[i])" />
              </span>
            </b-carousel-item>
            <template slot="indicators" slot-scope="props">
              <span class="al image">
                <img :src="props.i" :title="props.i" />
              </span>
            </template>
          </b-carousel>

метод

getImgUrl(value) {
  return value
},

образец массива URL-адресов jason

'https://image.shutterstock.com/image-photo/mountain-landscape-lake-range-large-260nw-1017466240.jpg ',' https://i.pinimg.com/originals/da/1b/73/da1b7357ff266888dd43b84e9162731b.jpg '

...