diff --git a/docs/examples/table/filter.vue b/docs/examples/table/filter.vue
index 8911694006..382c86dc67 100644
--- a/docs/examples/table/filter.vue
+++ b/docs/examples/table/filter.vue
@@ -37,7 +37,7 @@
     >
       <template #default="scope">
         <el-tag
-          :type="scope.row.tag === 'Home' ? 'primary' : 'success'"
+          :type="scope.row.tag === 'Home' ? '' : 'success'"
           disable-transitions
           >{{ scope.row.tag }}</el-tag
         >
diff --git a/packages/components/table/src/config.ts b/packages/components/table/src/config.ts
index e5888444fe..2e57ab73c4 100644
--- a/packages/components/table/src/config.ts
+++ b/packages/components/table/src/config.ts
@@ -119,7 +119,17 @@ export const cellForced = {
           class: classes,
           onClick: callback,
         },
-        [h(ElIcon, null, [h(ArrowRight)])]
+        {
+          default: () => {
+            return [
+              h(ElIcon, null, {
+                default: () => {
+                  return [h(ArrowRight)]
+                },
+              }),
+            ]
+          },
+        }
       )
     },
     sortable: false,
@@ -185,7 +195,19 @@ export function treeCellPrefix<T>({
           class: expandClasses,
           onClick: callback,
         },
-        [h(ElIcon, { class: { 'is-loading': treeNode.loading } }, [h(icon)])]
+        {
+          default: () => {
+            return [
+              h(
+                ElIcon,
+                { class: { 'is-loading': treeNode.loading } },
+                {
+                  default: () => [h(icon)],
+                }
+              ),
+            ]
+          },
+        }
       )
     )
   } else {