blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Tab: add change event (#1503)

Browse Source
This commit is contained in:
neverland 2018-07-19 10:11:05 +08:00 committed by GitHub
parent 9da3e0ce5a
commit b7b2ad9ffc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/tab/en-US.md
View File

@ -165,4 +165,5 @@ In swipeable mode, you can switch tabs with swipe gestrue in the content
| Event | Description | Arguments |
|-----------|-----------|-----------|
| click | Triggered when click tab | index：index of current tab，title: tab title |
| change | Triggered when active tab changed | index：index of current tab，title: tab title |
| disabled | Triggered when click disabled tab | index：index of current tab, title: tab title |

2
packages/tab/zh-CN.md
View File

@ -167,5 +167,5 @@ export default {
| 事件名 | 说明 | 参数 |
|-----------|-----------|-----------|
| click | 点击标签时触发 | index：标签索引，title：标题 |
| change | 当前激活的标签改变时触发 | index：标签索引，title：标题 |
| disabled | 点击被禁用的标签时触发 | index：标签索引，title：标题 |

14
packages/tabs/index.vue
View File

@ -71,7 +71,7 @@ export default create({
return {
tabs: [],
position: 'content-top',
curActive: 0,
curActive: null,
lineStyle: {},
events: {
resize: false,
@ -236,8 +236,14 @@ export default create({
},
setCurActive(active) {
this.curActive = active;
this.$emit('input', active);
if (active !== this.curActive) {
this.$emit('input', active);
if (this.curActive !== null) {
this.$emit('change', active, this.tabs[active].title);
}
this.curActive = active;
}
},
// emit event when clicked
@ -246,8 +252,8 @@ export default create({
if (disabled) {
this.$emit('disabled', index, title);
} else {
this.$emit('click', index, title);
this.setCurActive(index);
this.$emit('click', index, title);
}
},