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

2018-07-19 10:11:05 +08:00
parent 9da3e0ce5a
commit b7b2ad9ffc
3 changed files with 12 additions and 5 deletions
@@ -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);
      }
    },