HtTabs 选项卡

HtTabs 自定义选项卡tab组件，基于el-tabs实现；
Author andy.ten@tom.com & xukaixing@hotmail.com

示例

<template>
  <div>
    <ht-tabs :tab-position="tabPosition">
      <ht-tab-pane label="查询" :style="{height:'300px'}">
        <div>
        </div>
      </ht-tab-pane>
      <ht-tab-pane label="表单" :style="{height:'300px'}">
        <div>
        </div>
      </ht-tab-pane>
      <ht-tab-pane label="日期" :style="{height:'400px'}">
        <div>
        </div>
      </ht-tab-pane>
      <ht-tab-pane label="字典">
      </ht-tab-pane>
    </ht-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
       tabPosition: 'left'
    } 
  }
};
</script>

Expand Copy Copy

API

Tabs Attributes

参数	说明	类型	可选值	默认值
tabPosition	设置tab的位置属性	String	left / top / right	left
type	设置tabs的type属性	String	card / border-card	—
closable	设置是否可关闭	Boolean	—	false
tabMaxHeight	设置tab的最大高度	Number,String	—	—

---

Tabs Event

方法名	说明	参数
tab-click	点击tab页响应方法	(tabVm)

---

版本

• v1.0.1