我目前正在尝试使用 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>
请帮忙