fix(VItem): support disabled effect

fixes vuetifyjs#14923
yuwu9145 · Apr 8, 2022 · 62dc78c · 62dc78c
1 parent 0b34506
commit 62dc78c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VItemGroup/VItem.sass b/packages/vuetify/src/components/VItemGroup/VItem.sass
@@ -0,0 +1,2 @@
+.v-item--disabled
+  pointer-events: none
diff --git a/packages/vuetify/src/components/VItemGroup/VItem.ts b/packages/vuetify/src/components/VItemGroup/VItem.ts
@@ -1,3 +1,6 @@
+// Styles
+import './VItem.sass'
+
 // Mixins
 import { factory as GroupableFactory } from '../../mixins/groupable'
 
@@ -16,6 +19,7 @@ export const BaseItem = Vue.extend({
     value: {
       required: false,
     },
+    disabled: Boolean,
   },
 
   data: () => ({
@@ -56,7 +60,10 @@ export const BaseItem = Vue.extend({
     }
 
     element.data = this._b(element.data || {}, element.tag!, {
-      class: { [this.activeClass]: this.isActive },
+      class: {
+        [this.activeClass]: this.isActive,
+        'v-item--disabled': this.disabled,
+      },
     })
 
     return element