1.0.3 • Published 5 years ago
i-side-t v1.0.3
iSide
iSide 提供一个包含菜单和内容面板的侧边栏组件
Install
$ npm install i-side-tUsage
//js
import iSide from 'i-side-t'
Vue.use(iSide);<i-side layout="fly" :menuList="menu" @on-menu-item-change="handleMenuItemChange"></i-side>Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| layout | 控制布局方式（样式），可选值：normal、fly | String | normal |
| menuList | 菜单栏的数据列表 | 内容 | [] |
menuList 的数据格式为：
[
{label:"示例1",name:"example1"},
{label:"示例2",name:"example2"}
]注意，name需要跟icon图片的名称保持一致。icon 图片路径要求: src/assets/iSide
API
| 事件名 | 说明 | 返回值 |
|---|---|---|
| on-menu-item-change | 点击菜单选项时触发 | 返回当前项 |