diff --git a/src/views/growth/index.vue b/src/views/growth/index.vue
index 67de8ea4..4d8685d7 100644
--- a/src/views/growth/index.vue
+++ b/src/views/growth/index.vue
@@ -118,11 +118,11 @@
       <div
         :key="item.id"
         class="item-growth"
-        :class="selectData.id == item.id ? 'active' : ''"
+        :class="activeItem.id == item.id ? 'active' : ''"
         v-for="item of list"
       >
         <div class="icon"></div>
-        <div @click="HandlerItemGroupName(item)">
+        <div @click="handlerAnchor(item)">
           {{ item.growthName }}
         </div>
       </div>
@@ -137,7 +137,6 @@ import { listData, getTotalGrowthTaskDetail } from "@/api/growth/growthpath";
 export default {
   data() {
     return {
-      selectData: {},
       list: [],
       loading: false,
       totalData: {},
@@ -194,7 +193,7 @@ export default {
         "/forward?to=" + studentPath + "/growthList&params=" + params
       );
     },
-    HandlerItemGroupName(item, index) {
+    handlerAnchor(item, index) {
       this.activeItem = item;
       let a = document.createElement("a");
       a.href = `#${item.id}`;
@@ -208,6 +207,7 @@ export default {
   created() {
     this.loading = true;
     listData().then((res) => {
+      this.activeItem = res.data[0];
       this.list = res.data;
       this.loading = false;
     });
@@ -345,6 +345,7 @@ export default {
       font-size: 14px;
       color: #666666;
       padding: 10px 20px 10px 8px;
+      cursor: pointer;
     }
     .icon {
       width: 4px;