diff --git a/packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue b/packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue
index 50d098ba99..6241e44732 100644
--- a/packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue
+++ b/packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue
@@ -196,7 +196,7 @@ const leftPanelKls = computed(() => {
     arrowLeftBtn: [ppNs.e('icon-btn'), 'd-arrow-left'],
     arrowRightBtn: [
       ppNs.e('icon-btn'),
-      { [ppNs.is('disabled')]: !enableYearArrow.value },
+      ppNs.is('disabled', !enableYearArrow.value),
       'd-arrow-right',
     ],
   }
diff --git a/packages/components/table-v2/src/table-v2.tsx b/packages/components/table-v2/src/table-v2.tsx
index 64ca958a02..b6ff4a3777 100644
--- a/packages/components/table-v2/src/table-v2.tsx
+++ b/packages/components/table-v2/src/table-v2.tsx
@@ -309,9 +309,7 @@ const TableV2 = defineComponent({
         props.class,
         ns.b(),
         ns.e('root'),
-        {
-          [ns.is('dynamic')]: unref(isDynamic),
-        },
+        ns.is('dynamic', unref(isDynamic)),
       ]
 
       const footerProps = {
diff --git a/packages/components/table/src/config.ts b/packages/components/table/src/config.ts
index 0ae4739773..8d6e41154d 100644
--- a/packages/components/table/src/config.ts
+++ b/packages/components/table/src/config.ts
@@ -259,7 +259,7 @@ export function treeCellPrefix<T extends DefaultRow>(
             return [
               h(
                 ElIcon,
-                { class: { [ns.is('loading')]: treeNode.loading } },
+                { class: ns.is('loading', treeNode.loading) },
                 {
                   default: () => [h(icon)],
                 }
diff --git a/packages/components/table/src/table-header/index.ts b/packages/components/table/src/table-header/index.ts
index 1637a77022..160916d615 100644
--- a/packages/components/table/src/table-header/index.ts
+++ b/packages/components/table/src/table-header/index.ts
@@ -192,7 +192,7 @@ export default defineComponent({
       'thead',
       {
         ref: 'theadRef',
-        class: { [ns.is('group')]: isGroup },
+        class: ns.is('group', isGroup),
       },
       columnRows.map((subColumns, rowIndex) =>
         h(