镇域专题数据重复

src/components/common/TagProblemCard.vue

@@ -2,9 +2,10 @@
   <div class="tag-container">
     <div class="tag-container-img"></div>
     <div class="tag-container-num">
-      <span>67</span>&nbsp;&nbsp;<span>个</span>
+      <span>{{ data.num }}</span
+      >&nbsp;&nbsp;<span>个</span>
     </div>
-    <div class="tag-container-type">土地资源问题</div>
+    <div class="tag-container-type">{{ data.name }}</div>
   </div>
 </template>
 <script>

src/views/HomeView.vue

@@ -46,7 +46,11 @@
           >
             <template slot="top">
               <div class="town-problems-top-inner">
-                <TagProblemCard class="problem-item" v-for="n in 4" :key="n" />
+                <TagProblemCard
+                  class="problem-item"
+                  v-for="n in townCollection"
+                  :key="n.name" :data="n"
+                />
               </div>
             </template>
           </MenuCard>