标签栏
标签栏组件。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
hoverClass | String | pure-hover | 指定按下去的样式类 |
list | Array | - | 数据 |
current | [String, Number] | "" | 激活项的下标 |
vertical | Boolean | false | 是否垂直布局 |
bar | Boolean | true | 是否显示指示条 |
sticky | Boolean | false | 是否吸附贴边 |
visible | Boolean | false | 是否只将激活项滚动到可视区域 |
disabled | Boolean | false | 是否禁止滚动 |
equal | Boolean | false | 是否等分布局 |
justify | Boolean | false | 是否两端对齐布局 |
事件
名称 | 参数 | 说明 |
---|---|---|
@onChange | index: 下标; item: 数据; | 切换事件,不会自动切换,需要手动设置激活项。 |
插槽
名称 | 参数 | 说明 |
---|---|---|
#left | - | 左侧内容 |
#item | index: 下标; item: 数据; active: 是否激活; | 项内容,自定义样式时有用 |
#indicator | index: 下标; item: 数据; active: 是否激活; | 指示器,和指示条不一样,每个 item 中都有一个指示器 |
#bar | - | 指示条,每个组件只有一个指示条 |
指示器和指示条
指示条是显示在最下方,切换后会左右移动,指示器是每个项下都有一个,激活时可以设置渐隐渐出等效果。