Update tag.vue

Aresn · GitHub
1 parent 62bf2b3c
Showing 1 changed file with 12 additions and 10 deletions Show diff stats
src/components/tag/tag.vue
 <template>
     <transition name="fade">
         <div :class="classes" @click.stop="check">
-            <span :class="dotClasses" v-if="showDot"></span><span :class="textClasses"><slot></slot></span>
-            <Icon v-if="closable" type="ios-close-empty" @click.native.stop="close"></Icon>
+            <span :class="dotClasses" v-if="showDot"></span><span :class="textClasses"><slot></slot></span><Icon v-if="closable" type="ios-close-empty" @click.native.stop="close"></Icon>
         </div>
     </transition>
 </template>
@@ -71,17 +70,20 @@
         },
         methods: {
             close (event) {
-                this._emitAction(event, 'on-close');
-            },
-            check (event) {
-                this.isChecked = !this.isChecked;
-                this._emitAction(event, 'on-check');
+                if (this.name === undefined) {
+                    this.$emit('on-close', event);
+                } else {
+                    this.$emit('on-close', event, this.name);
+                }
             },
-            _emitAction (event, action) {
+            check () {
+                if (!this.checkable) return;
+                const checked = !this.isChecked;
+                this.isChecked = checked;
                 if (this.name === undefined) {
-                    this.$emit(action, event);
+                    this.$emit('on-change', checked);
                 } else {
-                    this.$emit(action, event, this.name);
+                    this.$emit('on-change', checked, this.name);
                 }
             }
         }