feat: [Request] Add a clickable/ touchable feature to the q-chip component quasarframework#526

Author: rstoenescu

dev/components/components/chip.vue

@@ -79,6 +79,8 @@
         </div>
       </p>
 
+      <q-chip avatar="/statics/boy-avatar.png" closable color="primary" @click="clickable">Jim</q-chip>
+
       <p class="caption">Tag Label Chips</p>
       <p>
         <q-chip tag icon-right="mail" color="light" class="text-black">New</q-chip>
@@ -127,3 +129,13 @@
     </div>
   </div>
 </template>
+
+<script>
+export default {
+  methods: {
+    clickable () {
+      console.log('@click')
+    }
+  }
+}
+</script>

src/components/chip/QChip.vue

@@ -11,6 +11,7 @@
       [`bg-${color}`]: color,
       'text-white': color
     }"
+    @click="__onClick"
   >
     <div
       v-if="icon || avatar"
@@ -30,7 +31,7 @@
         v-if="closable"
         name="cancel"
         class="cursor-pointer"
-        @click="$emit('close')"
+        @click.stop="$emit('close')"
       ></q-icon>
     </div>
   </div>
@@ -59,6 +60,11 @@ export default {
     avatar: String,
     closable: Boolean,
     detail: Boolean
+  },
+  methods: {
+    __onClick (e) {
+      this.$emit('click', e)
+    }
   }
 }
 </script>