1.0.2 • Published 4 years ago
common-header-tabs v1.0.2
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>