Преглед изворни кода

perf(web): 减少重复字数计算

Xwite пре 3 година
родитељ
комит
dc1104008c
1 измењених фајлова са 5 додато и 1 уклоњено
  1. 5 1
      modules/web/src/components/ChapterContent.vue

+ 5 - 1
modules/web/src/components/ChapterContent.vue

@@ -3,7 +3,7 @@
   <div
     v-for="(para, index) in contents"
     :key="index"
-    :wordCount="calculateWordCount(para)"
+    :wordCount="wordCounts[index]"
   >
     <img
       class="full"
@@ -43,6 +43,10 @@ const calculateWordCount = (paragraph) => {
   const imagePlaceHolder = " ";
   return paragraph.replaceAll(imgPattern, imagePlaceHolder).length;
 };
+const wordCounts = computed(() => {
+  return Array.from(props.contents, content => calculateWordCount(content));
+});
+
 </script>
 
 <style lang="scss" scoped>