1.0.2 • Published 4 years ago

common-header-tabs v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

element-tabs该组件是基于element-ui的tabs组件进行封装,引用之前需要先引用element-ui

参数说明

      参数                   说明                  类型       可选值        默认值

defaultTabs   设置默认显示的路由面包屑  Object
格式例如: { name: '赛程信息',route:'/course-msg' } name是显示的文字,route是对应跳转的路由,这个2个参数必须
elTabs 面包屑显示的列表数据 Array 
格式如:[{ name: '赛程信息',route:'/course-msg' }] 其中对象里面的name、route属性必须
handleClickTab  点击面包屑事件,返回被选中的标签 tab 实例
handleDelTab 删除面包屑事件,返回被删除标签的name值

使用方法

    在入口文件main.js引入 例如:
        import CommonHearderTabs from './src/common-hearder-tabs'
        Vue.use(CommonHearderTabs)

使用例子

<common-hearder-tabs 
  :defaultTabs="defaultTabs" 
  :elTabs="elTabs" 
  @handleClickTab="handleClickTab" 
  @handleDelTab="handleDelTab"
>
</common-hearder-tabs>