ts-navbar
0.0.3 • Public • Published navbar 顶部导航
http://ui.ucmed.cn/#/introduction
<ts-navbar
:userInfo="userInfo"
:userMenu="userMenu"
:topMenu="topMenu"
:defaultActive="activeIndex"
:disCollapse="disCollapse"
@sidebarHide="hideside"
@userItemClick="useritemclick"
@menuItemClick="menuitemclick">
<router-view></router-view>
</ts-navbar>
API
Props
| Prop |
Required |
Default Value |
Description |
userInfo |
false |
{userphoto: url,username: string} |
用户名字与头像 |
userMenu |
false |
[{text: "首页"},{text: "项目git地址"},{text: "退出登录"}] |
用户点击功能列表 |
topMenu |
false |
[{title: "掌上医院",index: "1"},{title: "互联网医院",index: "2"},{title: "双向转诊",index: "3"}] |
头部导航列表 |
defaultActive |
false |
number |
头部列表默认选中,从1开始 |
disCollapse |
false |
false |
是否禁用折叠功能 |
Events
| Event |
Required |
Default Value |
Description |
sidebarHide |
false |
function |
折叠时调用方法 |
userItemClick |
false |
|
用户功能列表点击调用方法，默认参数为该点击json对象 |
menuItemClick |
false |
|
头部导航功能列表点击调用方法，默认参数为该点击json对象 |
Readme
Keywords
nonePackage Sidebar
Install
Weekly Downloads