Tabs组件 - IkPageTabs

props

props	类型	说明	默认值
activeName	String/Number	当前选中	''
tabs	Array	按钮组列表数据Array<{ label: string	number; id: string
defaultSlot	Boolean	当存在默认slot且需要展示默认slot时	true
lazyTab	Boolean	除默认tab其它tab是否首次默认不加载	false
split	Boolean	是否拆分tab页和内容页	false

事件

名称	说明
tabClick	点击Tabs触发

示例代码

<script lang="ts" setup>
const state = reactive<any>({
  tabs: [
    { id: 'login', label: '登录日志' },
    { id: 'operate', label: '操作日志' },
    { id: 'system', label: '系统日志' }
  ],
  activeTab: 'login'
})

const search = () => {}
</script>

<template>
  <IkPageMain fixed>
    <IkPageTabs
      v-model="state.activeTab"
      lazy-tab
      :tabs="state.tabs"
      @tab-click="search"
    >
      <template #login>
        登录日志
      </template>
      <template #operate>
        操作日志
      </template>
      <template #system>
        系统日志
      </template>
    </IkPageTabs>
  </IkPageMain>
</template>

<style scoped lang="scss">
</style>