29 lines
826 B
Vue
29 lines
826 B
Vue
<script setup>
|
|
const currentTab = ref('window1')
|
|
const tabItemContent = 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
|
|
</script>
|
|
|
|
<template>
|
|
<VTabs
|
|
v-model="currentTab"
|
|
class="v-tabs-pill"
|
|
>
|
|
<VTab>Tab One</VTab>
|
|
<VTab>Tab Two</VTab>
|
|
<VTab>Tab Three</VTab>
|
|
</VTabs>
|
|
|
|
<VCard class="mt-5">
|
|
<VCardText>
|
|
<VWindow v-model="currentTab">
|
|
<VWindowItem
|
|
v-for="item in 3"
|
|
:key="`window${item}`"
|
|
>
|
|
{{ tabItemContent }}
|
|
</VWindowItem>
|
|
</VWindow>
|
|
</VCardText>
|
|
</VCard>
|
|
</template>
|