30 lines
590 B
Vue
30 lines
590 B
Vue
<script setup>
|
|
const currentTab = ref('item1')
|
|
const tabItemText = 'hortbread chocolate bar marshmallow bear claw tiramisu chocolate cookie wafer.'
|
|
</script>
|
|
|
|
<template>
|
|
<VCard>
|
|
<VTabs v-model="currentTab">
|
|
<VTab
|
|
v-for="i in 10"
|
|
:key="i"
|
|
>
|
|
Item {{ i }}
|
|
</VTab>
|
|
</VTabs>
|
|
|
|
<VCardText>
|
|
<VWindow v-model="currentTab">
|
|
<VWindowItem
|
|
v-for="i in 10"
|
|
:key="i"
|
|
:value="`item${i}`"
|
|
>
|
|
{{ tabItemText }}
|
|
</VWindowItem>
|
|
</VWindow>
|
|
</VCardText>
|
|
</VCard>
|
|
</template>
|