diff --git a/frontend/src/components/widget/DeWidget/DeTabs.vue b/frontend/src/components/widget/DeWidget/DeTabs.vue
index 4fd91f9569..68ae346e8c 100644
--- a/frontend/src/components/widget/DeWidget/DeTabs.vue
+++ b/frontend/src/components/widget/DeWidget/DeTabs.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="de-tabs-div"
-    :class="heatClass"
+    :class="headClass"
   >
     <dataease-tabs
       v-model="activeTabName"
@@ -295,7 +295,7 @@ export default {
     }
   },
   computed: {
-    heatClass() {
+    headClass() {
       return 'tab-head-' + this.element.style.headPosition
     },
     curCanvasScaleSelf() {