# 导航栏
# 概念说明
提供页面上方导航栏可供栏目跳转。
# 属性
组件通用属性请参见组件通用说明。
# 导航栏
使用路由：设置是否根据vue-router来控制选择哪一项，默认开启。开启后当前所在的导航栏项底部会有标识，如下图所示。
选中值：当前选择的值。
字段：待补充。
只读：正常显示，但禁止选择或输入。
禁用：置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
# 导航栏项
- 文本：显示的文本内容。
- 值：当前选择的值。
- 图标：支持从图标库选择图标或上传自定义图标。
- 禁用：置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
- 链接类型：支持页面跳转、下载链接。
- 链接地址：链接地址配置。
- 链接打开方式：支持新窗口、当前窗口、父级窗口、顶级窗口四种方式，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。
# 事件
# 导航栏
# 组件事件
| 事件名 | 触发条件 |
|---|---|
| 选择后 | 选择某个导航栏项时 |
# 导航栏项
# 鼠标事件
| 事件名 | 触发条件 |
|---|---|
| 点击 | 鼠标左键单击对应组件 |
| 双击 | 鼠标左键双击对应组件 |
| 右键点击 | 鼠标右键单击对应组件 |
| 鼠标按下 | 鼠标任意键在组件区域内按下 |
| 鼠标释放 | 鼠标任意键在组件区域内释放 |
| 鼠标移入 | 鼠标指针移入组件区域 |
| 鼠标移出 | 鼠标指针移出组件区域 |
| 获取焦点 | 鼠标点中组件聚焦时 |
| 失去焦点 | 鼠标指针点击其他区域，组件失去焦点时 |
# 组件事件
| 事件名 | 触发条件 |
|---|---|
| 切换路由后 | 选择某个导航栏项，路由跳转时 |
# 样式
样式说明请参见组件通用说明。
# 示例图片
导航栏效果如下图所示。
