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
@@ -118,6 +118,30 @@ export default {
 </van-tabbar>
 ```

+### Change 事件
+
+```html
+<van-tabbar 
+  v-model="active" 
+  @change="onChange"
+>
+  <van-tabbar-item icon="home-o">标签1</van-tabbar-item>
+  <van-tabbar-item icon="search">标签2</van-tabbar-item>
+  <van-tabbar-item icon="freinds-o">标签3</van-tabbar-item>
+  <van-tabbar-item icon="setting-o">标签4</van-tabbar-item>
+</van-tabbar>
+```
+
+```js
+export default {
+  methods: {
+    onChange(index) {
+      Notify({ type: 'primary', message: index });
+    }
+  }
+}
+```
+
 ### 路由模式

 标签栏支持路由模式，用于搭配`vue-router`使用。路由模式下会匹配页面路径和标签的`to`属性，并自动选中对应的标签