微信小程序兼容修改

packageA/pages/post/component/radarMap.vue

@@ -16,25 +16,52 @@ const props = defineProps({
     },
 });
 
+// 获取雷达图数据
+function getRadarData() {
+    if (!props.value || !props.value.radarChart) {
+        // 如果没有数据，使用默认值0
+        const defaultRadarChart = {
+            skill: 0,
+            experience: 0,
+            education: 0,
+            salary: 0,
+            age: 0,
+            location: 0
+        };
+        const labels = ['学历', '年龄', '工作地', '技能', '工作经验', '期望薪资'];
+        const data = [defaultRadarChart.education, defaultRadarChart.age, defaultRadarChart.location, 
+                      defaultRadarChart.skill, defaultRadarChart.experience, defaultRadarChart.salary].map((item) => item * 0.05);
+        return { labels, data };
+    }
+    
+    const { skill, experience, education, salary, age, location } = props.value.radarChart;
+    const labels = ['学历', '年龄', '工作地', '技能', '工作经验', '期望薪资'];
+    const data = [education, age, location, skill, experience, salary].map((item) => item * 0.05);
+    return { labels, data };
+}
+
 // 监听页面初始化
 onMounted(() => {
-    if (Object.keys(props.value).length > 0) {
-        rawRadarChart();
-    }
+    // 延迟执行，确保 canvas 已经渲染
+    setTimeout(() => {
+        const { labels, data } = getRadarData();
+        rawRadarChart(labels, data);
+    }, 100);
 });
 
 // 监听 props.value 变化
 watch(
     () => props.value,
     (newVal) => {
-        if (newVal && Object.keys(newVal).length > 0) {
-            const { skill, experience, education, salary, age, location } = newVal.radarChart;
-            const labels = ['学历', '年龄', '工作地', '技能', '工作经验', '期望薪资'];
-            const data = [education, age, location, skill, experience, salary].map((item) => item * 0.05);
-            rawRadarChart(labels, data);
+        if (newVal) {
+            // 延迟执行，确保数据更新完成
+            setTimeout(() => {
+                const { labels, data } = getRadarData();
+                rawRadarChart(labels, data);
+            }, 50);
         }
     },
-    { deep: true, immediate: false } // deep 递归监听对象内部变化
+    { deep: true, immediate: true } // deep 递归监听对象内部变化，immediate 立即执行一次
 );
 
 function rawRadarChart(labels, data) {