docs(Tabbar): add change event demo (#5173)

2019-12-05 11:12:03 +08:00
parent 6f555b7040
commit 36086ff938
4 changed files with 106 additions and 2 deletions
@@ -112,6 +112,31 @@ export default {
 </van-tabbar>
 ```

+
+### Change Event
+
+```html
+<van-tabbar 
+  v-model="active" 
+  @change="onChange"
+>
+  <van-tabbar-item icon="home-o">Tab1</van-tabbar-item>
+  <van-tabbar-item icon="search">Tab2</van-tabbar-item>
+  <van-tabbar-item icon="freinds-o">Tab3</van-tabbar-item>
+  <van-tabbar-item icon="setting-o">Tab4</van-tabbar-item>
+</van-tabbar>
+```
+
+```js
+export default {
+  methods: {
+    onChange(index) {
+      Notify({ type: 'primary', message: index });
+    }
+  }
+}
+```
+
 ### Route Mode

 ```html