[new feature] Sidebar: add to and replace prop (#3696)

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 (
       <a
-        href={this.url}
         class={[bem({ select: this.select }), 'van-hairline']}
         onClick={this.onClick}
       >

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
 

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({