ポートフォリオの変更(カルーセル表示)
トップ上部を「カルーセル」表示に切り替えました。
data関数にカルーセルの画像を切り替えるアイテムを定義してあげる。
<v-carousel>
<v-carousel-item
v-for="(item,i) in items"
:key="i"
:src="item.src"
reverse-transition="fade-transition"
transition="fade-transition">
<v-carousel-item
v-for="(item,i) in items"
:key="i"
:src="item.src"
reverse-transition="fade-transition"
transition="fade-transition">
・・・ ・・・
</v-carousel-item>
</v-carousel>
</v-carousel-item>
</v-carousel>
<script>
data: () => ({
items: [
{ src: xxxx01.jpg }
{ src: xxxx02.jpg }
・・・ ・・・
],
}),
</script>
data: () => ({
items: [
{ src: xxxx01.jpg }
{ src: xxxx02.jpg }
・・・ ・・・
],
}),
</script>
こんな感じです。