0

我目前正在尝试使用 Buefy CSS 框架设置我的 Gridsome 应用程序的样式。除了 Carousel 之外，其他一切都运行良好（按钮、卡片等）。特别是<b-carousel>标签。

这是代码

<template>
  <DefaultLayout>

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

<script>
export default {
  methods: {
      getImgUrl(value) {
          return `https://picsum.photos/id/43${value}/1230/500`
      }
  }
}
</script>

请帮忙

4

1 回答 1

0

愚蠢的我。我的 Buefy 版本是问题。l 是 v0.8.9，我更新到 v0.8.10

于 2020-01-24T08:09:04.567 回答