docs(Sidebar): add change event demo (#5172)

2019-12-05 11:10:53 +08:00
parent 4ab6ad4f0c
commit 6f555b7040
4 changed files with 97 additions and 3 deletions
@@ -58,6 +58,34 @@ export default {
 </van-sidebar>
 ```

+
+### Change 事件
+
+设置`change`方法来监听切换导航项时的事件
+
+```html
+<van-sidebar v-model="activeKey" @change="onChange">
+  <van-sidebar-item title="标签名1" />
+  <van-sidebar-item title="标签名2" />
+  <van-sidebar-item title="标签名3" />
+</van-sidebar>
+```
+
+```js
+export default {
+  data() {
+    return {
+      activeKey: 0
+    };
+  },
+  methods: {
+    onChange(index) {
+      Notify({ type: 'primary', message: index });
+    }
+  }
+}
+```
+
 ## API

 ### Sidebar Props