§ Fox 3.0 内置组件
§ fox-router-view
fox-router-view是用于定义页面更新区域的组件
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| name | string | default | 用于区分view视图,可以通过route的root属性,把页面装载到指定该view视图中 |
| pass-props | Object | - | 用于单视图(multi=false),把属性直接传递到router-view挂载的插件中 |
| multi | boolean | false | 多视图,router的open/append必须配合多视图模式 |
| tag | string/VNode/Function | div | 多视图模式下root的标签 |
| view-tag | string/VNode/Function | div | 多视图模式下子标签 |
| view-tag-props | Object/Function | 多视图模式下子标签的属性 | |
| view-class | string/Function | 多视图模式下子标签的class | |
| view-active-class | string/Function | 多视图模式下激活子标签的class | |
| view-deactive-class | string/Function | 多视图模式下失活子标签的class | |
| css | boolean | true | true支持样式控制动画,false则通过函数控制动画 |
| transition-name | string | 进入过渡的开始状态 | |
| enter-class-from | string | 进入过渡的开始状态 | |
| enter-active-class | string | 进入过渡生效时的状态 | |
| enter-to-class | string | 进入过渡的结束状态 | |
| leave-class-from | string | 离开过渡的结束状态 | |
| leave-active-class | string | 离开过渡生效时的状态 | |
| leave-to-class | string | 离开过渡的结束状态 | |
| show-class-from | string | 显示过渡的开始状态 | |
| show-active-class | string | 实现过渡生效时的状态 | |
| show-to-class | string | 显示过渡的结束状态 | |
| hide-class-from | string | 隐藏过渡的结束状态 | |
| hide-active-class | string | 隐藏过渡生效时的状态 | |
| hide-to-class | string | 隐藏过渡的结束状态 | |
| show-to-class | string | 显示过渡的结束状态 | |
| hide-class-from | string | 隐藏过渡的结束状态 | |
| hide-active-class | string | 隐藏过渡生效时的状态 | |
| hide-to-class | string | 隐藏过渡的结束状态 |
§ fox-router-link
fox-router-link导航组件
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| tag | string/Function | a | link标签 |
| to | string/Objet/Function | 跳转路由 | |
| active-class | string/Function | fox-router-link-active | 匹配当前路由的激活class(包括) |
| exact | boolean | 是精确匹配(equal) | |
| exact-active-class | string/Function | fox-router-link-active | 精确匹配当前路由的激活class(equal) |
| exact-active-class | string/Function | onClick | link标签触发路由跳转事件 |