diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js index 0a98113fe..3874753b9 100644 --- a/src/sidebar-item/index.js +++ b/src/sidebar-item/index.js @@ -1,6 +1,7 @@ import { createNamespace } from '../utils'; import Info from '../info'; import { ChildrenMixin } from '../mixins/relation'; +import { route, routeProps } from '../utils/router'; const [createComponent, bem] = createNamespace('sidebar-item'); @@ -8,7 +9,7 @@ export default createComponent({ mixins: [ChildrenMixin('vanSidebar')], props: { - url: String, + ...routeProps, info: [String, Number], title: String }, @@ -23,13 +24,13 @@ export default createComponent({ onClick() { this.$emit('click', this.index); this.parent.$emit('change', this.index); + route(this.$router, this); } }, render(h) { return ( diff --git a/src/sidebar/README.zh-CN.md b/src/sidebar/README.zh-CN.md index d0f373945..4a956886e 100644 --- a/src/sidebar/README.zh-CN.md +++ b/src/sidebar/README.zh-CN.md @@ -72,6 +72,8 @@ export default { | title | 内容 | `String` | `''` | - | | info | 提示消息 | `String | Number` | `''` | - | | url | 跳转链接 | `String` | - | - | +| to | 路由跳转对象,同 vue-router 的 to 属性 | `String | Object` | - | 2.0.4 | +| replace | 跳转时是否替换当前页面历史 | `Boolean` | `false` | 2.0.4 | ### SidebarItem Events diff --git a/src/sidebar/test/index.spec.js b/src/sidebar/test/index.spec.js index 1ef48f3b4..d5039a99e 100644 --- a/src/sidebar/test/index.spec.js +++ b/src/sidebar/test/index.spec.js @@ -2,7 +2,7 @@ import { mount } from '../../../test/utils'; import Sidebar from '..'; import SidebarItem from '../../sidebar-item'; -test('event', () => { +test('click event & change event', () => { const onClick = jest.fn(); const onChange = jest.fn(); const wrapper = mount({