在线简历

src/views/recruit/personal/PersonalCenter/resume/online/index.vue

@@ -16,10 +16,10 @@
     </div>
     <div class="pt-3 contentBox px-1" id="contentBox" ref="scrollBox">
       <component
-        v-for="val in items"
+        v-for="(val, index) in items"
         :key="val.id"
         class="mb-3 elevation-2"
-        :is="val.path"
+        :is="paths[index]"
         :id="val.id"
         @complete="complete"
       />
@@ -29,7 +29,7 @@
 
 <script setup>
 defineOptions({ name: 'person-center-resume-online'})
-import { ref, onMounted, shallowRef } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import basicInfo from './components/basicInfo.vue'
 import selfEvaluation from './components/selfEvaluation.vue'
@@ -43,15 +43,16 @@ import vocationalSkills from './components/vocationalSkills.vue'
 const { t } = useI18n()
 const scrollBox = ref()
 const tab = ref(0)
-const items = shallowRef([
-  { text: t('resume.basicInfo'), id: 'basicInfo', status: true, path: basicInfo },
-  { text: t('resume.personalAdvantages'), id: 'selfEvaluation', status: false, path: selfEvaluation },
-  { text: t('resume.jobIntention'), id: 'jobIntention', status: true, path: jobIntention },
-  { text: t('resume.educationExp'), id: 'educationExp', status: true, path: educationExp },
-  { text: t('resume.workExperience'), id: 'workExperience', status: false, path: workExperience },
-  { text: t('resume.projectExperience'), id: 'projectExperience', status: true, path: projectExperience },
-  { text: t('resume.trainingExperience'), id: 'trainingExperience', status: false, path: trainingExperience },
-  { text: t('resume.vocationalSkills'), id: 'vocationalSkills', status: true, path: vocationalSkills }
+const paths = [basicInfo, selfEvaluation, jobIntention, educationExp, workExperience, projectExperience, trainingExperience, vocationalSkills]
+const items = ref([
+  { text: t('resume.basicInfo'), id: 'basicInfo', status: false },
+  { text: t('resume.personalAdvantages'), id: 'selfEvaluation', status: false },
+  { text: t('resume.jobIntention'), id: 'jobIntention', status: false },
+  { text: t('resume.educationExp'), id: 'educationExp', status: false },
+  { text: t('resume.workExperience'), id: 'workExperience', status: false },
+  { text: t('resume.projectExperience'), id: 'projectExperience', status: false },
+  { text: t('resume.trainingExperience'), id: 'trainingExperience', status: false },
+  { text: t('resume.vocationalSkills'), id: 'vocationalSkills', status: false }
 ])
 
 onMounted(() => {