2020-12-07 14:33:27 -04:00
|
|
|
<template>
|
|
|
|
|
<Tabs>
|
|
|
|
|
<Tab
|
|
|
|
|
v-for="item in data.items"
|
|
|
|
|
:key="item.title"
|
|
|
|
|
:title="item.title"
|
|
|
|
|
v-on:click="selectedTab"
|
|
|
|
|
>
|
|
|
|
|
{{ item.title }}
|
|
|
|
|
</Tab>
|
|
|
|
|
</Tabs>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2020-12-07 18:52:12 +00:00
|
|
|
import { Tabs, Tab } from "vue-slim-tabs";
|
2020-12-07 14:33:27 -04:00
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
2020-12-07 18:52:12 +00:00
|
|
|
data: Object,
|
2020-12-07 14:33:27 -04:00
|
|
|
},
|
|
|
|
|
components: {
|
2020-12-07 18:52:12 +00:00
|
|
|
Tabs,
|
|
|
|
|
Tab,
|
2020-12-07 14:33:27 -04:00
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
2020-12-07 18:52:12 +00:00
|
|
|
0: function () {
|
|
|
|
|
},
|
2020-12-07 14:33:27 -04:00
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
selectedTab(e, index) {
|
|
|
|
|
if (index === 0) {
|
2020-12-07 22:51:54 +00:00
|
|
|
|
2020-12-07 14:33:27 -04:00
|
|
|
}
|
2020-12-07 18:52:12 +00:00
|
|
|
},
|
2020-12-07 14:33:27 -04:00
|
|
|
},
|
2020-12-07 18:52:12 +00:00
|
|
|
};
|
2020-12-07 14:33:27 -04:00
|
|
|
</script>
|
|
|
|
|
<style src="vue-slim-tabs/themes/default.css"></style>
|